Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Clear Div (apologies)

    Firstly I would like to apologise because I have asked a few times before on how to make the most right hand column as long as the longest column. But this time I have provided an example.

    As you will notice column 3 is set at 4100 px to ensure the footer actually fits underneath the columns.

    Please advise how or what I need to do to make column 3 the same length as column 2.

    http://www.worktips.co.uk/tesla.html

    (thanks, this is very important to me lol)

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    It might be very important to you but multiple members have given you examples. They've even dumbed down the examples so you could hopefully understand them. If you actually read the ideas given you to you by others you would understand fully what to do. So now stop reposting the same question and listen to the advice given to you by others. Do some tutorials if you have to.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have tried many of the examples given, I have used the overflow: auto but this only works in IE. In Firefox it removes the image tags so I need something that works cross-browser. Thats the real problem I am having.

    Does anyone know how I can get overflow: auto to work on Firefox?

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,673
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Overflow property works in FF and IE both. Always has. If it didn't work for you then you either implimented it wrong or expected it to do something it can't.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts

    One last go at help :)

    Code:
    <head>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
     	
      		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      		<title>PowerOverWireless.com - Tesla</title>
    
    <style type="text/css">
    </head>
    Needs to be:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
     	
      		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      		<title>PowerOverWireless.com - Tesla</title>
    
    <style type="text/css">
    <!-- all you style info etc. -->
    </head>
    Then this:

    Code:
    <p><img src="/images/nikola1.png" width="220" height="293" alt="Nikola Tesla" border="0" style="float: right" <img style="border: white;"</>
    Should be this:

    Code:
    <p><img src="/images/nikola1.png" width="220" height="293" style="float: right; border: 0;" alt="Nikola Tesla" />
    Too get you footer to clear, change this:

    Code:
    #footerbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 65%;
    width: 95%;
    padding: 10px;
    margin: 0px;
    }
    ..to this:

    Code:
    #footerbox {
    clear: both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 65%;
    width: 95%;
    padding: 10px;
    margin: 0px;
    }
    How's that?

    Gary
    Last edited by Graft-Creative; 01-30-2007 at 11:44 PM.

  • #6
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    YES, thanks Excavator and Craft Creative. Ive got to this stage so far

    http://worktips.co.uk/teslatest.html

    This is brilliant, for some reason the footer is idented on IE but this another big step in the right direction. This is a great site which supports the implemtation of CSS and web standards.

    Thanks so much.

  • #7
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    NP.

    Maybe next time you can make it a bit easier on us all: either by being more specific - or more general with questions.

    Sometimes it can be more useful to ask: "why is this box breaking out of this one?" or "how do I position this box here?" rather than to assume it's a problem with one specific css property.

    Kind regards,

    Gary

  • #8
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,673
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Your re-using #wrapper on your footer? That's why it's jogged over. Check the validator for simple stuff like this.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #9
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Cheers dude, I struggle with the validator. Im just getting use to cross-browser issues. The V tells me to remove some of these ">" which skews it all up in IE but I am getting there. Once the design is laid I am really going to on tidying the CSS up, Im sure there are divs in there I dont use! but its getting there.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •