problema del testo con IE

[blur]

ciao,

ho riscontrato il problema del bug in IE che riguarda la differenza di 1px rispetto agli elementi posizionati, nel mio caso a sx.
il problema riguarda il testo inserito nel corpo centrale che , superato il menu verticale a sx, mi "scala" di 1px il padding. allora leggendo un post per un problema analogo, ho risolto inserendo questo nel .css:

#content {
float:left;
width:600px;
text-align:justify;
background-color: #fff;
border-right: 1px solid #ccc;
border-left:1px solid #ccc;

}

#content p{
padding:5px;
}



quindi marco il testo nel body con il



<div id="content">


testo bal bla bla bla</p>
</div>

il problema è opera: mi visualizza sempre 10px in più
rispetto agli altri browser...
:master:

quindi per avere un width soddisfacente avrei bisogno di 600px, ma con opera devo impostarlo a 595px altrimenti mi va a capo

???

[Jerry Masslo]

:master:

che fa opera? ti aggiunge 10px? VVoVe:

ma ti sei informato sui problemi del box-model con ie?

[blur]

ma io ho problemi con opera, non con IE

ho provato ad usare l'hack


width:600px;
\width: 602px;
w\idth: 600px;

ma non va con opera, che mi porta tutto a capo...


ma effettivamente ogni browser utilizza un margin diverso, cioè cambia il numero di pixel fra il bordo dx del corpo centrale e la colonna di dx. in ogni caso tutti i browser, tranne opera, visualizzano il corpo centrale inserito tra le due colonne laterali...
boh...

cmq guardate qui il link

[Jerry Masslo]

prova un po' a stringere la finestra - di solito non le ho mai a tutto schermo e in tutti i browser vedo il corpo centrale sotto

[blur]

azzarola VVoVe:

e quindi cosa dovrei fare?

[Jerry Masslo]

http://www.inknoise.com/experimental/layoutomatic.php

[blur]

si lo so, infatti questo layout deriva da quello.

allora ho visto che togliendo il float:left dal corpo centrale e rimettendo

margin-left: 210px;
margin-right: 190px;
mi risolve la situazione del corpo centrale, ma ritorna il problema del box model IE...
se ho impostato quel

margin-left: 210px;
margin-right: 190px;

come applico la tecnica del box model per IE?

come faccio ad applicare un width:auto!important etc etc se ho impostato i margin???

sono nel pallone....

[Jerry Masslo]

se deriva da quello da dove ti nascono questi problemi?

il margin non incide sul box-model

[blur]

allora ho fatto così:

#content {
margin-left: 210px;
margin-right: 190px;
width:59.1%!important;
width /**/:100%;
text-align:justify;
background-color: #fff;
border-right: 1px solid #ccc;
border-left:1px solid #ccc;
}

#content p{
padding:7px;
}

risolve il problema con IE però ritorniamo al punto di prima, cioè se visualizzo la pagina con i diversi browser , il margin-right ( cioè la distanza fra il margine dx di #content e il margine sx della colonna dx) risulta diverso per ognuno.

mentre se tolgo l'hack, ho sì il problema con IE ma tutti i broswer allineano uguale il margin-right.....

a questo punto?

come faccio ad avere le due cose ????