Dimensione box

[Sonikag]

ho un box così:

.box3 {
	text-align: left;
	margin: 6px;
	padding: 5px 10px;
	background-color: #FFFFFF;
	background-image: url(img/sfve.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 190px;
	float: left;
}
body>.box3 {width: 180px;}

in teoria con l'hack che ho usato dovrei avere circa le stesse dimensioni sia in ie che in FF, ma non è così. Vedete cose strane nel codice? non vorrei che quell'hack funzionasse solo con gli id.

Sonia

[Another-Life]

Troppo generico......descrivi meglio quali sono le differenze che noti tra i due browser^^

[Sonikag]

Con IE è largo 190 con ff è largo 210 e io li vorrei entrambi di 210!

[Sonikag]

up

[Another-Life]

Cosa c'è all'interno del box 3??

[Sonikag]

      <p class="centr">[img]img/pippo.gif[/img]</p> 
      <h2 class="verde2">pippo</h2> 
       
      <p class="testopic">Bla bla bla bla bla bla bla bla bla bla bla bla</p>
      <p class="testobig"> VAI ALLA PAGINA &gt;&gt;&gt;

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #605D5C;
	text-align:left;
	margin:5px;
	line-height:1.7em;
	padding-top:2px;
}

.centr {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
}.testopic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	line-height: 1em;

}.testobig {

	font-family: "Trebuchet MS";
	font-size: 0.7em;
	color: #333333;
}

[Another-Life]

Quanto è larga l'immagine pippo.gif??

[Mich_]

E` il solito problema del box-model di IE, che non rispetta le specifiche del W3C.

Probabilmente la cosa piu` semplice e` ridefinire il width per quel blocco in un commento condizionale:

<style ...
.box3 {
	text-align: left;
	margin: 6px;
	padding: 5px 10px;
	background-color: #FFFFFF;
	background-image: url(img/sfve.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 190px;
	float: left;
}
...
</style>
<!--[if IE]><style ...
.box3 {
  width: 210px;
}
</style><![endif]-->

[Sonikag]

L'immagine sarà 20px non è quella che fa sfasare.

Mich anche secondo me il problema è li!

Gli style vanno scritti esattamente come li hai riportati tu? in quel modo non ho nessuna larghezza dei box o megliio si adattano al 100%! Ho provato a modificare gli style in

<style>
.box3{...}
</style>

ma il problema è sempre lo stesso.

[Mich_]

Ci sono vari modi per inserire i CSS in una pagina. Uno e` scrivere il tag <style>. Un altro e` scrivere i CSS in file separati e includerli tramite il <link>.
In XHTML Strict puoi usare solo il <link> (in alternativa devi usare dei commenti CDATA).

Il problema del box-model, e` che con il tuo codice (intendo quello del post iniziale), il box e` largo in tutto:
222 px nei browser standard (6+10+190+10+6)
202 px in IE (6+190+6).

Pero` se usi XHTML Strict, il box dovrebbe essere 222px anche in IE6

Dato che e` un errore di interpretazione di IE, occorre correggerglielo, con i metodi che lui conosce e che gli altri browser non vedono: ad esempio i commenti condizionali.