It could be the browsers pre-defined styles causing the issue. Trying using a CSS Reset. Below is a link to one.
http://meyerweb.com/eric/tools/css/reset/ On Jun 23, 2011, at 6:22 AM, Antonello D'Ippolito wrote: > Hi all, > > I'd like to make a simple two column layout for a website, with CSS and DIVs, > like the following: > > > > > It works fine in Chrome, Firefox and Safari (update versions) but in Opera11 > and IE9 it makes something like the following: > > > > > 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: [email protected] > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
