Rich Wendrock Forums wrote:
> Can someone help me understand why images do not align properly after
> a DOCTYPE is applied?
>
> The page looks normal without a DOCTYPE.
> http://www.adv-res.com/advanced-resources-international1.asp
>
> The search input field does not lineup properly after DOCTYPE is
> applied. http://www.adv-res.com/advanced-resources-international2.asp
In your case it's because 'padding-top' is included in 'height' in
quirks mode - without a doctype, but added to 'height' in standards mode
- with a doctype.
.roundedinput-I {
height: 25px;
padding-top: 6px;
}
.roundedinput-I = 25px tall in quirks mode but 31px tall in standards mode.
That's how the W3C box model works...
<http://www.w3.org/TR/REC-CSS2/box.html>
<http://www.w3.org/International/articles/serving-xhtml/#quirks>
Changing the 'height'...
.roundedinput-I {
height: 19px;
padding-top: 6px;
}
...will make .roundedinput-I = 25px tall in standards mode, and make the
various parts line up.
Same with other elements you have paddings and fixed dimensions on.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
