> On Tue, Feb 26, 2008 at 7:33 AM, Elli Vizcaino <[EMAIL PROTECTED]> wrote: > > Hello, > > > > I have a #sidebar div floating left with 2 divs > > (#topright_content and #bottomright_content) floating > > right, all contained within a #container div. They > > appear fine in Safari & FF but in IE7 (haven't checked > > IE6 but assume it's the same) the divs that are > > floated right are floating outside of the container. > > Can someone please explain why this is happening and > > or suggest a fix: > > > > http://e7flux.com/new/new.html > > > > TIA, > > Elli > > > > Hello Elli, > > Because you're not using a complete DOCTYPE URI that includes system > identifier, IE is working in Quirks Mode which triggers CSS broken box > model. Update your page markup by adding the system identifier of HTML > 4.01 Transitional: > > "http://www.w3.org/TR/html4/loose.dtd";
Good catch! I found that it gets the box model wrong and I don't even think of checking if it is running in Quirks mode, duh! As a side note, a DTD *without* an URI can trigger standard-compliant mode, for example: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict //EN"> What triggers quirks mode is the missing URI or the presence of "Transitional" - depending on how one wants to look at it ;) -- Regards, Thierry | http://www.TJKDesign.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/
