codice:
<html>
<meta></meta>
<head>
<style type="text/css">
div.container {
width:700px;
margin: 0 auto;
border: 1px solid black;
}
div.container:after {
content: "";
clear: both;
display: table;
}
div.container div {
height: 400px;
width: 330px;
border: 1px solid gray;
float: left;
}
div.container div:nth-child(odd) {
clear: both;
}
div.container div.first {
height: 450px;
}
</style>
</head>
<body>
<div class="container">
<div class="first">1</div>
<div class="">2</div>
<div class="">3</div>
<div class="">4</div>
<div class="first">5</div>
<div class="">6</div>
<div class="">7</div>
</div>
</body>
</html>
Ciao, scusa ma ero di fretta. odd serve per ogni elemento dispari.
Ti ho postato il codice completo.
Io ho usato CSS3 quindi funziona solo nei browser più moderni.
Se vuoi fare una cosa ancora più bella sostituisci nth-child(odd) con
codice:
div.container div:nth-child(2n + 1) {
clear: left;
}
Fammi sapere,
Ciao ciao
Rispondi quotando
). Quando mi capitava una cosa del genere intervenivo su overflow=hidden e tutto tornava a posto, ma qui neanche questo sembra funzionare...continuo a provare!!!
!!!
