padding in IE, in FF no ...layer absolute dentro relative

**legal-x** · 25-05-2006, 10:16

salve,

ho questa impaginazione:

div#centrale {
position:relative;
padding:0 5 0 5;
margin:0;
}
div#interno {
position:absolute;
left:0;
top:0;
width:448px;
height:185px;
border-bottom: 2px solid #000000;
padding: 0 5 0 5;
}

HTML

<div id="centrale">
<div id="interno"></div>
</div>

In IE 6 il DIV "interno", con posizione 0,0, si posizione all'interno dei 5px di padding del "centrale" ...in FF invece si posizione a 0,0 ignorando invece quei 5px

Come è possibile ?!?

ma sopratutto: cosa bisogna tener sempre in considerazione per disegnare un layout che vada bene sempre e per tutti i browser ?

**fcaldera** · 25-05-2006, 10:31

padding:0 5 0 5;

forse bisogna specificare l'unità di misura

**Akito** · 25-05-2006, 14:29

Ciao,
prova questo codice e vedi se risolvi il problema.

<html>
<head>
<title>Titolo</title>
<style type="text/css">
div#centrale {
position: relative;
padding: 0px;
margin: 0px;
background-color: #FF0000;
}
div#interno {
position: absolute;
left: 0;
top: 0;
width: 448px;
height: 185px;
border-bottom: 2px solid #000000;
padding: 0 5 0 5;
background-color: #0066FF;
}
div#nuovodiv {
padding: 0 5 0 5;
}
</style>
</head>
<body>
<div id="centrale">
<div id="interno">ciao</div>
<div id="nuovodiv">ciao ciaocioai ciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioaiciao ciaocioai</div>
</div>
</body>
</html>

Questo codice funziona in maniera uguale su FF e su IE6. Il bordo bianco che vedi e il padding o margin del tag body.
Il problema che avevi è dato dato dal fatto che IE6 non rispetta a pieno le norme del W3C per la corretta visualizzazione delle pagine soprattutto usando i padding e margin.
Spero d'essere stato d'aiuto.

Ciao
Akito

Discussione: padding in IE, in FF no ...layer absolute dentro relative

Strumenti discussione

Ricerca discussione

Visualizza

padding in IE, in FF no ...layer absolute dentro relative

Permessi di invio