Jump to content

clearing floats still buggy?


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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...