Jump to content

clearing floats still buggy?


bolognese

Recommended Posts

Good day,I have spent a lot of time getting the result I achieved by positioning the left and right sided navigation bars. The only problem is that anybody with low resolution settings will have the main content hide behind the navigation bars, because I developed the pages for being best displayed from 1280 width.The result is this frontpage (one of the less that's even in English :) ) http://vanderburgt.eu/index_en.shtmlAt first I tried to achieve this by floating the navigation bars left and right. In the page content however I have some images that I would like to have the description being wrapped around, so I floated them. But the clearing of this float result in a clear of all floats, so the rest of the text is being pushed down to the end of the navigation bars. I follow the guidelines and rules in getting valid xhtml and css pages. Is there something I misunderstand as far as it comes to floating and clearing, or is there still trouble with clearing floats, even in IE7? On the other hand this also does occur in Firefox. This floating trouble is to be seen here http://vanderburgt.eu/test.html.This is the floating css of the floating solution:<div style=" float: left; width: 16%; border-width: 1px; border-style: solid; border-color: #ff0000; margin: 0.5% 0.25% 0 0; padding: 2px; background-color: #ffff99;">This is the css of the positioned left navigation menu:{position: absolute;top: 1px;left: 0.5%;width: 16%;border-width: 1px;border-style: solid;border-color: #ff0000;margin: 0.5% 0.25% 0 0;padding: 2px;background-color: #ffff99;}Any help would be appreciated.Jos van der Burgt

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...