SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Evil Genius MilchstrabeStern's Avatar
    Join Date
    Nov 2003
    Location
    Arizona
    Posts
    1,131
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Why does IE do this?

    Compare this page in firefox and IE and you'll see whats wrong, in firefox it should be fine, in IE tho, its not. I know my code is ugly, I'll clean it up when its finalized. Why does it do this tho?

    http://www.mplionhearts.com/phptesti...erpagetest.php
    ]

  2. #2
    SitePoint Guru DocType's Avatar
    Join Date
    Feb 2005
    Posts
    827
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    #memberleft {
    float:left;
    width:239px;
    margin-left:10px;
    padding-top: 0px;}

    Taking 100px off the width seems to fix it.

    It's a padding/border issue, since IE puts those inside the content area, it(the content area) becomes smaller, so things don't fit like they would in a bigger box model, such as FF.

  3. #3
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try making the right column a few pixels narrower.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  4. #4
    SitePoint Evangelist gollux's Avatar
    Join Date
    Feb 2005
    Location
    Oregon, USA
    Posts
    414
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Double Margin problem...

    Bit me in the hind end on IE 5.0 and continues to bite. Floats next to floats double their margins because of IE's bad math. If you declare display: inline; within the float the math magically corrects itself. Try the following:

    #memberleft {
    display: inline;
    float:left;
    width:339px;
    margin-left:10px;
    padding-top: 0px;
    }
    #memberright {
    display: inline;
    float:right;
    width:339px;
    margin-left:10px;
    padding-top: 20px;
    }
    Released under the Fiasco Labs Digital Damnation Copywright,
    it's yours to make whatever the 7734 you want with it.

    (c) 2005 Fiasco Labs All Wrongs Reserved

  5. #5
    Evil Genius MilchstrabeStern's Avatar
    Join Date
    Nov 2003
    Location
    Arizona
    Posts
    1,131
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks all of you, I got it fixed!
    ]


Bookmarks

Posting Permissions

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