Ciao ..
avrei fatto una provetta a riguardo ma mica mi ci trovo:
.para {padding : 5px;
width : 150px;
border: 1px solid black;}
.para1 {padding : 5px;
width : 150px;
_width : 162px;
border: 1px solid black;}
<div class="para">
1aaaaaa aaaa aaaaaaa aaaaaa 2bbbbbbb bbbbb bbbbb bbbb
</div>
<div class="para1">
1aaaaaa aaaa aaaaaaa aaaaaa 2bbbbbbb bbbbb bbbbb bbbb
</div>
ma il risultato è il seguente:
Non e` che stai usando qualche simulatore di IE?
perche` gli hack non rispondono correttamente ai simulatori (le coppie di errori su cui si basano gli hack non vengono mantenute).
Eventualmente prova con quei servizi gratuiti di smulazione, tipo
http://www.browsercam.com
http://browsershots.org
http://www.xenocode.com/browsers
http://blogs.zdnet.com/igeneration/?p=1078
E comunque in quei casi e` meglio usare i commenti condizionali, rispetto agli hack
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
no no .. non è un simulatore .. è proprio il programma installato !
tra l'altro anche il padding è diverso.
PS. a cosa servirebbero allora i simulatori se non ti mostrano gli effettivi diversi comportamenti ??
E quale DTD usi?
Sembrerebbe una DTD XHTML 1.0 Strict; e il comportamento e` come aspettato. Il browser IE6 capisce l'attributo con l'underscore davanti che va a sovrascrivere quello precedente, ma il box model e` quello corretto del W3C (non quello errato di IE in cui border e padding sono inclusi in width)
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
no .. 'Transitional' !
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
quindi (se non ho capito male) .. usando 'Strict' per IE6 non servirebbe nessun hack e cross browser ?
"nessuno" e` una parola grossa, ma comunque usando Strict una buona meta` dei problemi di IE6 sono risolti.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
la differenza tra i due browser può dipendere da
1) doctype non strict
2) stile applicato di default agli elementi
propendo per la causa 2 visto che i
hanno di default un margine e un padding su certi browser. Prendi quindi la buona abitudine di inserire
* { margin: 0; padding: 0; }
all'inizio del tuo foglio di stile
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
il problema persiste ..
questa è la pagina se qualcuno ha la possibilità di provare con IE6
grazie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type= "text/css">
body{font: 76%/1.3 Arial,sans-serif;
background:#FFF;
color:#222}
/* ----- */
* { margin: 0; padding: 0; }
.para {padding : 5px;
width : 150px;
border: 1px solid black;}
.para1 {padding : 5px;
width : 150px;
_width : 162px;
border: 1px solid black;}
</style>
</head>
<body>
<div class="para">
1aaaaaa aaaa aaaaaaa aaaaaa 2bbbbbbb bbbbb bbbbb bbbb
</div>
<div class="para1">
1aaaaaa aaaa aaaaaaa aaaaaa 2bbbbbbb bbbbb bbbbb bbbb
</div>
</body>
</html>
Permessi di invio
Rispondi quotando