KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I want to create a simple box with a header bar containing a title and some tool buttons. I have the following markup: <div style="float:left"> <div style="background-color:blue; padding: 1px; height: 20px;"> <div style="float: left; background-color:green;">title</div> <div style="float: right; background-color:yellow;">toolbar</div> </div> <div style="clear: both; width: 200px; background-color: red;">content</div> </div> This renders fine in Firefox and Chrome: http://www.boplicity.nl/images/firefox.jpg However IE7 totally messes up and puts the right floated element to the right of the page: http://www.boplicity.nl/images/ie7.jpg Can this be fixed?
Tags (comma-separated)
Save Edits
Cancel