sto studianfo i Layout con margini negativi ho fatto questa pagina:
<body>
<div class="container">
<div class="container2">
<div class="header">header</div>
<div class="wrapper">
<div class="nav">colonna di sinistra</div>
<div class="content">s</div>
</div>
<div class="sidebar">colonna di destra</div>
<div class="footer">footer</div>
</div>
</div>
</body>
il suo css:
.container{width: 100%;height: 100%;}
.container2{width: 100%;height: 100%;}
.header{background: #555B65;color: #FFF}
.wrapper{float:left;width:100%;margin-left:-200px;display: inline;height: 100%;margin-right:0px}
.nav{float: left;width:200px;display: inline;margin- left:200px;background:#cccccc;height:100
%;}
.content{width:300px;margin- left:400px;background:#FFCC00;height:1%;
margin-right:0px}
.sidebar{float: right;width:200px;display: inline;background:#e80e80;height: 100%;}
.footer{clear: both;background: #959FB1}
so che esiste questo bug per ie ma non riesco a capire perchè il testo della colonna dei contenuti non si attacca alla navigazione
<body>
<div class="container">
<div class="container2">
<div class="header">header</div>
<div class="wrapper">
<div class="nav">colonna di sinistra</div>
<div class="content">s</div>
</div>
<div class="sidebar">colonna di destra</div>
<div class="footer">footer</div>
</div>
</div>
</body>
il suo css:
.container{width: 100%;height: 100%;}
.container2{width: 100%;height: 100%;}
.header{background: #555B65;color: #FFF}
.wrapper{float:left;width:100%;margin-left:-200px;display: inline;height: 100%;margin-right:0px}
.nav{float: left;width:200px;display: inline;margin- left:200px;background:#cccccc;height:100
%;}
.content{width:300px;margin- left:400px;background:#FFCC00;height:1%;
margin-right:0px}
.sidebar{float: right;width:200px;display: inline;background:#e80e80;height: 100%;}
.footer{clear: both;background: #959FB1}
so che esiste questo bug per ie ma non riesco a capire perchè il testo della colonna dei contenuti non si attacca alla navigazione
