|
Post by Lady Renae on Mar 3, 2009 8:49:05 GMT -5
... great, now I have to watch Dr. Horrible while I'm on the temp forums AND while I'm doing laundry... before you know it, Joss will have taken over nearly my entire life!
Wait... not sure how that's a bad thing.
|
|
Dan
Full Member
Posts: 228
|
Post by Dan on Mar 3, 2009 9:47:07 GMT -5
No difference on the values I remember, and it's not surprising you can't find much on it, seems that it's not exactly highlighted. My fiance is far better with CSS than I am, and spent the better part of an hour trying to figure out why in the hell one particular set of floats worked, when the others didn't. Eventually narrowed it down to the overflow tag, if you've got firebug or IE dev bar you could test it when I toss the test forums back up if you like. Apparently a couple people picked it up, but not to many. Hmm. I can't reproduce it, sorry. I've been using this as test code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Float example</TITLE> <STYLE type="text/css"> DIV { float: left; background-color: pink; overflow: auto } BODY, P { margin: 2em } </STYLE> </HEAD> <BODY> <p>A float is a box that is shifted to the left or right on the current line. The most interesting characteristic of a float (or "floated" or "floating" box) is that content may flow along its side (or be prohibited from doing so by the 'clear' property). Content flows down the right side of a left-floated box and down the left side of a right-floated box. The following is an introduction to float positioning and content flow; the exact rules governing float behavior are given in the description of the 'float' property.</p>
<div> </div>
<p>A floated box must have an explicit width (assigned via the 'width' property, or its intrinsic width in the case of replaced elements). Any floated box becomes a block box that is shifted to the left or right until its outer edge touches the containing block edge or the outer edge of another float. The top of the floated box is aligned with the top of the current line box (or bottom of the preceding block box if no line box exists). If there isn't enough horizontal room on the current line for the float, it is shifted downward, line by line, until a line has room for it.</p>
<p>Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float didn't exist. However, line boxes created next to the float are shortened to make room for the floated box. Any content in the current line before a floated box is reflowed in the first available line on the other side of the float.</p> </BODY> </HTML>
Moving the DIV around within the HTML, changing or removing its content, changing the CSS, changing the doctype to HTML 4 Strict and removing the doctype entirely all have the same effect in IE6 as in FF3. The only difference between the two browsers is that IE doesn't collapse the top margins properly for the BODY and the first of the P elements. Can you modify this code to reproduce the problem? I'd rather not dig through the site's full code if possible....
|
|
Dan
Full Member
Posts: 228
|
Post by Dan on Mar 3, 2009 9:48:04 GMT -5
... just discovered that proboards don't render indents in code properly....
|
|