Posizionamento testo

[iceberg]

Ciao ho un problema nella gestione dei fogli di stile

Ho pagina caratterizzata da una struttura del tipo


#sidebar
{
margin-left: auto;
margin-right: auto;
float: left;
width: 150px;
}


.page {
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#home, #resume, #links, #register, #admin-albums, #admin-photos
{
background-image: url(images/body-repeat.gif);
position: relative;
width: 686px;
padding: 0px 37px;
padding-top: 1px; /* Weird Mozilla Bug */
padding-bottom: 40px; /* Weird Mozilla Bug */
}



<div class="page" id="home">
<div id="sidebar">
testo testo
</div>

<div id="content" style="text-align: left">
<TABLE ....


Il mio problema è che "testo testo" risulta leggermente sposta verso Dx e non combacia perfettamente con il bordo laterale

... questo perchè anche sidebar è distante dal bordo SX

Posso, eventualmenete (se non esiste altra soluzione) posizionare io il "testo testo" in modo assoluto, dimenticando eventuali margini laterali??

Grazie

[iceberg]

Nessun suggerimento?

[Mich_]

Mi pare che il contenuto di #sidebar sia centrato (vedi i margini automatici). Se lo vuoi allineato a sinistra, devi mettere a 0 il margine sinistro (e anche i padding e border).

[iceberg]

Esatto, ma quindi


#sidebar
{
margin-left: 0;
margin-right: auto;
float: left;
width: 150px;
}



padding perchè devo usarlo??? in che modo??

Thanks

[Mich_]

Ci sono delle condizioni in cui i browser inseriscono di default dei margini o dei padding.
L'esempio classico e` una immagine dentro un link.

E non tutti i browser si comportano uguali, per cui il consiglio e` di specificare sempre margin, padding e border a zero, quando non vengono usati.