[CSS]centrowanie + jeszcze mały margin-left Opcje

[cent4]

Witam.
Mam wycentrowanego diva ale potrzebuję go jeszcze oprócz centrowania przesunąć o 15 pikseli z lewej strony.
Kod:

[HTML] pobierz, plaintext 
#TRESC{
    margin      : auto;
     margin-left : 15px;
    width       : 1065px;    
    padding        : 20px 20px 20px 20px; 
    font-family : Arial, sans-serif, Lucida, Helvetica;
    font-size    : 14px;
    text-align  : justify;
    overflow    : auto;        /* SUWAKI */
    color        : #000000;            /* kolor czcionki */
    background  : #ffffff;
}
[HTML] pobierz, plaintext 

No i efekt jest taki, że w Internet Explorerze jest ok (wycentrowany i jeszcze trochę przesunięty), natomiast w Firefoxie mam diva totalnie przesuniętego do lewej krawędzi i odsuniętego o 15px.

Co jest nie tak?

[altruista2]

Tak nie można robić, i to właśnie Firefox poprawnie wyświetla.

Powinieneś zrobić tak:

[HTML] pobierz, plaintext 
<style>
#TRESC{
    width       : 1065px;    
    margin-left:15px;
    padding        : 20px 20px 20px 20px; 
    font-family : Arial, sans-serif, Lucida, Helvetica;
    font-size    : 14px;
    text-align  : justify;
    overflow    : auto;        /* SUWAKI */
    color        : #000000;            /* kolor czcionki */
    background  : #ffffff;
}
#TRESC-CONT {
    margin:auto;
    width:1080px;
}
</style>
 
<div id="TRESC-CONT">
   <div id="TRESC">treść</div>
</div>
 
[HTML] pobierz, plaintext 

Ten post edytował altruista2 18.02.2010, 00:10:21