Allora, siccome ho notato che, se si crea un box, poniamo centrato e vi si aggiungono dei padding-left e dei padding-right, la dimensione orizzontale varia a seconda dei browser che la interpretano un po' come gli va (come sappiamo secondo gli standard la dimensione totale dovrebbe essere data da margin+border+padding+width, ma per explorer e opera non è così).
Ho escogitato questo trucchetto per far si che la larghezza di un blocco rimanga tale per tutti i browser.
Vorrei mi diceste che ve ne pare e se vi sembra corretto.
Allora.
Poniamo che il block tag <div> in questione sia associato alla classe .box e posto all'interno di una casella "contenitore" (centrata e che contiene sopra e sotto altri elementi) e che ne occupi tutto lo spazio.
A questo punto do un padding top e bottom al .box, e un margin left e right al .textarea.
<style type="text/css">
body {
padding: 0px;
margin: 0px;
text-align: center;
}
#contenitore {
width: 500px;
background-color: #000000;
margin: 30px auto 30px;
}
.box {
background-color: #CCCCCC;
margin-bottom: 4px;
padding: 4px 0px 4px 0px;
}
.textarea {
color: #000000;
background-color: #FFFFFF;
text-align: left;
margin: 0px 4px 0px 4px;
}
</style>
---
<div id="contenitore">
<div class="box">
<div class="textarea">AREA TESTO</div>
</div>
<div class="box">
<div class="textarea">AREA TESTO</div>
</div>
</div>
Rispondi quotando
