SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Float issue in IE (what a suprise)

    Okay, this page looks fine in Firefox and Safari but in IE it gets botched pretty bad.

    Here's the CSS file.

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

    Hammered by the doulble margin bug...

    First thing, remove float:left here as it is not needed since that is its natural state anyway.

    Code:
    .ml {
    	margin:250px 0 0 32px;
    	}
    Next, use an unintentional Internet Explorer bug to defeat it's defective internal math that is causing it to double the right margin next to your scrollable content by defining that content to display:inline which amazingly causes the floated box to actually float where you want it.

    Code:
    .content {
    	float:right;
    	height:310px;
    	width:365px;
    	overflow:auto;
    	text-align:justify;
    	padding:0 10px 0 5px;
    	margin:45px 25px 0 0;
    	display: inline;
    	}
    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

  3. #3
    SitePoint Guru DocType's Avatar
    Join Date
    Feb 2005
    Posts
    827
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It looks pretty much the same in FF and IE.

    In IE 5.5 the text size in the scrollbox is larger, which causes a bottom scrollbar, just enough to cause the scrollbar, but you don't have to scroll to read the page.

  4. #4
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks gollux! Fixed it perfectly!


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
  •