Supponendo di avere tutta una serie di <div> ciascuno con id="NOME_ASSEGNATO" (pero` ne ho cambiati alcuni per non incorrere in alcuni bachi ed evitare confusioni), puoi impostare il CSS cosi`:
codice:
html, body {
width: 100%;
}
#header {
width: 100%;
}
#navigation {
width: 100%;
}
#menu {
width: 14%;
float: left;
}
#international {
width: 6%;
float: left;
}
#image1 {
width: 50%;
float: left;
}
#rightBox {
width: 29%;
float: left;
}
.separ {
clear: both;
height: 1px;
font-size: 1px;
}
#button {
width: 20%;
float: left;
}
#path1 {
float: left;
}
#searchBox {
width: 20%;
float: left;
}
#content {
float: left;
}
#otherInfo {
width: 50%;
float: left;
}
#bottomBox {
margin: 20%;
clear: both;
}
Prima di button e dopo path mettici ogni volta
<div class="separator" </div>
In modo da far andare a capo cio` che segue.
Occorrera` anche inserire altre proprieta`, ma con questo dovresti ottenere qualcosa che si avicina al tuo schema.
Rispondi quotando
). Solo una cosa non mi è chiara: perchè dovrei rendere float anche il container? E come faccio poi a centrarlo?
