Real Basic HTML

Discussion in 'OT Technology' started by Rommel, Oct 23, 2004.

  1. Rommel

    Rommel friends forever

    Joined:
    Jul 31, 2001
    Messages:
    36,867
    Likes Received:
    0
    Location:
    /yourself now
    This is really basic HTML and i am just messing around with having a fully CSS dependent site

    HTML

    Code:
    <html>
    
    <head>
    
    <link href="boot.css" rel="stylesheet" type="text/css">
    
    </head>
    <body>
    
    
      <div id="banner"></div>
      <div id="menu"></div>
    
      <div id="col1"></div>
    
      <div id="col2"></div>
    
      <div id="base"></div>
    
    
    
    </body>
    </html>
    CSS
    Code:
    /*
    * This will set the Layout of the site
    *
    */
    
    
    div#banner {width:650px;  background:green; height:150px;}
    div#menu   {width:650px;  background:pink; height:40px;}
    
    div#col1   {width:125px;  height:300px; float:left; border-right:1px solid black;}
    div#col2   {width:524px;  height:300px; float:right;}
    
    div#base   {width:650px;  background:yellow; height:70px;}
    
    
    
    Firefox
    [​IMG]


    IE
    [​IMG]

    why teh hell is firefox not putting the base at the bottom (the yellow bit), is the something i'm doing wrong with the float element or something, IE is doing things right for once.
     
  2. Penguin Man

    Penguin Man Protect Your Digital Liberties

    Joined:
    Apr 27, 2002
    Messages:
    21,696
    Likes Received:
    0
    Location:
    Edmonton, AB
  3. Rommel

    Rommel friends forever

    Joined:
    Jul 31, 2001
    Messages:
    36,867
    Likes Received:
    0
    Location:
    /yourself now
    I just read that but still a little lost, any more obvious hints :)
     
  4. Rommel

    Rommel friends forever

    Joined:
    Jul 31, 2001
    Messages:
    36,867
    Likes Received:
    0
    Location:
    /yourself now
    Ok, i just fixed it by putting the two float areas into another area and setting the height in that one
     

Share This Page