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
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    ie7/firefox

    #leftBox{float: left; width: 120px;}
    #rightBox{margin-left: 121px;}

    WOOOPEEE!!!!

    IE6 = sad sad sad :'(
    Right box is pushed underneath the other box

    IE6 Fix
    #leftBox{float: left; width: 120px;}
    #rightBox{margin-left: 120px; margin-top: xamount px;}

    Any reason for this? I really dont want to manually adjust margin tops for all my content next to a floated div.

    Any explanation as to why this happens?

    *{margin: 0; padding: 0;} is set, so its not a margin/padding issue.

    Ive helped 2 people today with css issues, and heres mine
    Help would be appreciated. Thank u!!!!

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Would like to see a little more code. Is there a container that these floats are in?

  4. #3
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    Quote Originally Posted by aeroweb99
    Would like to see a little more code. Is there a container that these floats are in?
    Theyre sittin in a container with a fixed width.
    I tried reducin the width on the inner divs, but this didnt work.

    I solved the issue, was just wondering if any1 knew any common css issues with ie6 and floated divs

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Yup. Margins and padding are doubled in IE6 when floating elements. Just make a separate style sheet for IE6 and add only the rules that need apply to IE6. Make sure the link in the head is the last one listed.
    <!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="your_css_file.css" /><![endif]-->

  6. #5
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    Quote Originally Posted by aeroweb99
    Yup. Margins and padding are doubled in IE6 when floating elements. Just make a separate style sheet for IE6 and add only the rules that need apply to IE6. Make sure the link in the head is the last one listed.
    <!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="your_css_file.css" /><![endif]-->
    yep head already done this
    style.css
    ie.css
    ie6.css

    so many stylesheets lol


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