Gunlaug Sørtun wtote in reply to Josh > http://minivanswebsite.com/testsite/index.html > >> Lastly, how did you decide on the values you used -- 890 & 910 ? I >> know I was aiming for a width of 900, but do you have a tool that >> will calculate widths for you? Or were you doing it in your head? > > I never trust any tools and _never_ my head, so I tested what the > browsers could take and how they reacted on it. > IE6 complains when given values below 910, while others were ok with as > low as 890. > So ... I gave each of them the lowest they could take, after comparing > with your self-shrinking original. > > regards > Georg > -- > http://www.gunlaug.no
Hi Georg and Josh Wiping tear from my eyes, you have such brilliant delivery Georg. Josh, about the self-shrinking original... This is not standard behavior and Firefox is misbehaving itself. What is happening is a re-flow of a floats position which is triggered by selecting an anchor link or after text resizing. There must be a right floated element involved and it can be contained by either a table or a div with display:table that does not have a width or a width that is auto. This is established from your and example and these further tests [1]. A table shrinks to fit it contents but in the case of floats, there are two specifications [2] that relates to this situation which are: 8) A floating box must be placed as high as possible. 9) A left-floating box must be put as far to the left as possible, a right-floating box as far to the right as possible. A higher position is preferred over one that is further to the left/right. Since there nothing preventing the outer edge of the table from expanding such as a width on the table or it's containing block, the floats should follow the above parts in the specs. They should sit beside each other and thus expand the table. There definitely should be no re-flow happening. It's not because you have mixed table elements with other elements for layout, but looking at your code which is quite clean, why are you using a table for this? In your stylesheet you have that to center elements in IE6, you need to use text-align:center. This is only needed when IE6 (and IE7) is in quirksmode. Since you have a doctype triggering (almost) standards mode in IE6, then you can use auto on the left and right margins to center elements. IE5 however is always in quirksmode. Good Luck with your coding. [1] <http://css-class.com/test/bugs/ff/self-shrinking.htm> [2] <http://www.w3.org/TR/CSS21/visuren.html#float-position> Kind Regards, Alan <http://css-class.com/>
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
