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 5 of 5
  1. #1
    Junior Member
    Join Date
    Jun 2009
    Posts
    2
    Member #
    19191
    Hello,
    I am fairly new to CSS and created a layout with a fixed navigation and liquid header, footer and content divisions. It looks great in Google Chrome but when I test it in Firefox or IE7 it is rendered differently.

    Here is my layout:
    http://www.bigoakexxon.com/example.htm

    As you can see, when opened with Firefox the problem is only with the margins. With IE7 the problem is with the min-height property and the margins it looks like. I am aware that IE does not like "min-height" and instead uses height as min-height.
    I could probably make the layout look nice in any of these browsers but not all of them with the same code.
    Any help or advice on my coding would be greatly appreciated!

    Thanks so much

  2.  

  3. #2
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    IE7 supports min-height, but IE6 does not.

    Having said that, you're missing a DOCTYPE so IE might be in quirks mode. I would make your page validate first (http://validator.w3.org/) before trying anything else so IE will render in standards mode.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  4. #3
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    also you may find it helpful to use a meta tag to tell IE which standards mode to render in.

    while($get_it !== true){ continue; }

  5. #4
    Junior Member
    Join Date
    Jun 2009
    Posts
    2
    Member #
    19191
    What does validating my site do?
    What is the purpose of the DOCTYPE command?
    These things are new to me. I'm not following.

  6. #5
    Senior Member imagn's Avatar
    Join Date
    Jul 2007
    Location
    Los Angeles
    Posts
    156
    Member #
    15594
    DOCTYPE declares what kind of HTML is being used. i.e XHTML 1.1 Strict, HTML 4.0 Transitional, etc.

    Here's a quick reference guide:
    http://htmlhelp.com/tools/validator/doctype.html

    To get around the min-height in IE6 you would add this to your CSS

    * html #html-element-name {
    height: 300px; // whatever your value for min-height is
    }


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 08:03 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com