http://webpages.charter.net/angusair/bayonehome.html
Welcome Peter.
- #lowernavbar does not "contain" the floating #lowernavelements (search bar), in consequence, when you narrow the window below approx. 650px (depending on the text size), these floats stick out of the navbar (not in IE). As a right float, the next right float (the sidebar #news) will be positioned to its left edge and destroy the layout. You'll have to contain the #lowernavelements float [1] or, at least, apply a clear:both to #news.
- the page .wrapper has no dimension. Its childs have margin: auto; width: 92%; But on wide screens or even at 1280px, the text lines are getting too wide. Instead, this could be another idea for the wrapper (more ideas here [2])
body {... text-align: center} /* centering in IE5.5 */
#wrapper { margin: 20px auto 15px auto; ... width:92%; max-width:60em; text-align: left;}
#childelements {margin:0; width:100%;}
- The right-floated #uppernavelements collapses in Opera7.54 (and perhaps in MacIE?) due to its lack of a width. A fix depends on a MacIE page check I can't offer.
- The bayonelogogif.gif is blurred.
- There is no <h1> with the word "BayOne". A client with images turned off (like Google) probably won't get/collect this information.
regards, Ingo
[1] http://www.complexspiral.com/publications/containing-floats/
[2] http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
