Solito problema di centratura CSS, semplicemente non funziona per me, il problema è che non conosco la larghezza finale px
Ho un div per l'intero nav e poi ogni pulsante all'interno, non si centrano più quando c'è più di un pulsante. :(
CSS
.nav{
margin-top:167px;
width:1024px;
height:34px;
}
.nav_button{
height:34px;
margin:0 auto;
margin-right:10px;
float:left;
}
HTML
<div class="nav">
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Home</div>
<div class="b_right"></div>
</div>
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Contact Us</div>
<div class="b_right"></div>
</div>
</div>
Qualsiasi aiuto sarebbe molto apprezzato. Grazie
Risultato
Se la larghezza è sconosciuta, ho trovato un modo per centrare i pulsanti, non del tutto felice ma non importa, funziona: D
Il modo migliore è metterlo in una tabella
<table class="nav" align="center">
<tr>
<td>
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Home</div>
<div class="b_right"></div>
</div>
<div class="nav_button">
<div class="b_left"></div>
<div class="b_middle">Contact Us</div>
<div class="b_right"></div>
</div>
</td>
</tr>
</table>