Shawn Hoefer wrote: > http://laffinghorsedesign.sitesled.com/untitled2.html
> What I'd like to hear is a solid critique... make it hurt, I can take > it... and any suggestions. Ok, you asked for it :-) so I'll note down a few main points. No need to go into details at this stage, I think. Document: 1: don't use a doctype that says 'xhtml 1.1' when serving it as 'text/html'. 'html 4.01' is for 'text/html', and 'xhtml 1.0'[1] may be served as 'text/html'. 'xhtml 1.1' is for 'application/xhtml+xml', and should /never/ be served as 'text/html' 2: validate. <http://validator.w3.org/check?uri=http%3A%2F%2Flaffinghorsedesign.sitesled.com%2Funtitled2.html> ...says there's 9 errors in there. Note that the validator doesn't check whether or not you are using/serving with the correct doctype. 3: the 'xml declaration' on top put IE6 in 'quirks mode' so it will show (more or less) the same 'quirks mode rendering' as IE5.5. You may take that out once you have put a proper 'xhtml' doctype in there, or use an 'html' doctype. CSS: 1: combining 'floats' and 'absolute positioning' for large parts of a layout is not very robust. A decent 'all float' layout will provide much better control. Suggestion: 'negative margins'[2], which will satisfy all your wishes for a cross-browser predictable solution. 2: IE/win has problems with calculations in percentages. 25%+50%+25% will not always end up being exactly 100% but rather slightly more, so the rightmost float runs out of space at some window-widths - causing float-drop. 3: using 'absolute positioning' to adjust #content to height of browser-window isn't a good idea, as you have no control over what height that is at the user-end, and so no idea whether the content will fit or not. Font-resize options and width of browser-window makes that even more unpredictable, so you should rather avoid such a solution. 4: IE/win can't 'absolute position' all 4 edges of an element, so that's why the #content won't stretch down to bottom of window. That's another reason not to use 'absolute positioning' for large parts of layouts. regards Georg [1]http://www.gunlaug.no/contents/wd_1_06_03.html [2]http://www.alistapart.com/articles/negativemargins/ -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
