Hi all, I'd like to make a simple two column layout for a website, with CSS and DIVs, like the following:
<http://www.adworld.it/varie/css-chrome.png> It works fine in Chrome, Firefox and Safari (update versions) but in Opera11 and IE9 it makes something like the following: <http://www.adworld.it/varie/css-opera.png> HTML code: <body> <div id="container"> <div id="header"></div> <div id="navigation"> <div id="menu"></div> </div> <div id="content"> <div id="post"></div> </div> <div id="footer"></div> </div> </body> CSS code: div#container { width: 960px; margin: 15px auto; } div#header { color: white; height: 40px; margin-bottom: 10px; padding: 5px; } div#content { padding: 10px; width: 700px; } div#navigation { float: right; width: 260px; padding: 10px; } div#footer { font-size: 13px; color: white; padding: 5px; clear: both; text-align:center; } div#post { text-align: left; padding: 12px; color: black; width: 90%; margin-bottom: 20px; } div#menu { background-color: white; padding: 15px; margin: 0px auto 15px; width: 90%; color: black; text-align: right; } What's the problem? Thanks, Antonello -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: css-design@googlegroups.com To unsubscribe: css-design-unsubscr...@googlegroups.com
