Toby Curl wrote: > http://pi3.co.uk/design_test/index.html > http://pi3.co.uk/design_test/screenshots/ > > 1) The menu and logo layout. The text is off center slightly and so > long text gets cut off (in IE7 see msie-7.0_index_1.jpg) or the > button stretches and repeats the image so looks odd (in IE 5 and 6 > see msie-5.5_index.png and msie-6.0_index.png).
IE6 and older don't respect declared dimensions - will expand elements if content doesn't fit. IE7 kind of respect declared dimensions, but still doesn't treat 'display: inline/block' quite as one would expect. These rendering problems may be solved when solving point 3 below, but I don't have time to test. > 2) The vertical centering. It doesn't appear to be working in IE. IE/win doesn't support CSS table at all, so all alignments and auto-expansions based on 'display: table/table-cell' is lost on that browser. For vertical centering in IE/win you can probably use the solution described here... <http://www.gunlaug.no/contents/wd_additions_20.html> ...but it is what some like to call "a dirty workaround". > 3) In IE5 and 6 the buttons are spaced out too much: see > msie-5.5_index.png and msie-6.0_index.png The old IE/win whitespace bug. Try adding a suitable 'hasLayout'[1] trigger to the list-items and/or anchors. > 4) In IE5 the horizontal centering is messed up in a few places: see > msie-5.5_profile.png and msie-5.5_index.png > > I'm not sure if its worth trying to fix the IE5 issues as it is a bit > outdated now. IE5 will stay in "quirks mode" no matter what - these old versions don't have a mode-switch, so you have to take that into account while trying to fix any issues. BTW: you have two instances of id="nav_index", and an ID should only be used once in the source-code of a document. CLASSes are for repeated use. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- 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/
