Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Senior Member Eddy Bones's Avatar
    Join Date
    Jan 2004
    Location
    Washington, USA
    Posts
    1,054
    Member #
    4651
    Page in question: http://www.notionwebdesign.com/ltr/index.php

    It's fine in FF and Opera but screwy in IE. I'll give you the css so you don't have to dig for it, and a little explanation in case it helps.

    Code:
    body {
      margin: 10px 0px 10px 0px;
      padding: 0px;
      background: #FFFFFF;
      }
    
    div, span {
      margin: 0px;
      padding: 0px;
      }
    
    #main {
      width: 980px;
      margin: 0px auto;
      border-bottom: 1px solid #DBD0BC;
      background: url(../images/content_lb_corner.jpg) bottom left no-repeat;
      }
    
    #left1 {
      width: 671px;
      height: 148px;
      }
    
    #nav {
      width: 671px;
      height: 37px;
      padding-top: 22px;
      background: url(../images/nav_back.jpg) no-repeat;
      }
    
    #lara_head {
      width: 309px;
      height: 207px;
      float: right;
      }
    
    #lara_body {
      width: 352px;
      /*height: 393px;*/
      float: right;
      }
    
    #content {
      border-left: 1px solid #DBD0BC;
      width: 627px;
      min-height: 400px;
      }
    As you can probably see, the combined height of #left1 and #nav add up to the total height of #lara_head. The first two should be lined up nicely to the left of the latter. And then #content should be next to #lara_body. Simple, but IE screws it up. And don't even get me started on AOL, but then AOL isn't a real browser...

    And the sIFR isn't supposed to be gigantic in IE either, but that should be an easier fix.

    PS: How was the load time?

  2.  

  3. #2
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    1. min-height isn't supported by IE.

    2. height is interpreted as min-height in IE.

    3. Check your line-height. It's almost guarenteed to be responsible for your gigantic sIFR.

    4. If you set non-floating elements a specific width, IE will make them automatically clear floating elements. You'll need to either not set a width and use margins instead, or set a width and float both elements.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  4. #3
    Senior Member Eddy Bones's Avatar
    Join Date
    Jan 2004
    Location
    Washington, USA
    Posts
    1,054
    Member #
    4651
    Thanks for the quick help, man.

    You should write a book. You could call it something like "All the Things They Don't Tell You in Those Other CSS Books."


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:27 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com