Ho cercato di trovare una soluzione nei vari topic del forum ma non ci sono riuscito.
Voglio creare un div-contenitore più grande al cui interno ci sia un altro div (come contenitore secondo) più piccolo, in poche parole due div annidati.
Questi i codici:
<html>
<head>
<link rel=stylesheet href="home.css" type="text/css">
</head>
<body leftmargin=0" topmargin="0" maginwidth="0" marginheight="0">
<div id="contenitore1">
<div id="contenitore2">
</div>
</div>
</body>
</html>
html, body {
background-color: #1A4A76;
text-align: center;
}
div#contenitore1 {
margin: 40px auto 40px auto;
padding 3px;
width: 760px;
height: 1500px;
background-color: #FFFFFF;
z-index: 1;
}
div#contenitore2 {
margin: 3px auto 3px auto;
width: 754px;
height: 1494px;
background-color: #1F9268;
z-index: 2;
}
problema 1) in IE l'annidamento è OK ma manca il margine inferiore esterno (i 40px)
problema 2) in FF non riesco a ottenere il margine top di 3px tra i due contenitori
Rispondi quotando
