div dentro un div

**paolabacci72** · 23-03-2009, 15:46

ciao a tutti,
sto impostando la mia prima pagina web! non senza difficoltà...a dire il vero, ma con tanto impegno!

dunque il mio problema, se così possiamo chiamarlo, è questo:
ho impostato una pagina semplice, con header, corpo centrale e footer.
nel corpo centrale, chiamato container2, vorrei far venire in primo piano un altro contenitore, quello chiamato contenuti, dove inserirò le immagini. Questo contenitore avrà fondo bianco e vorrei che avesse un margine top e un margine left rispetto al sottostante container 2...
Il fatto è che non riesco a farlo venire fuori...cosa ho sbagliato secondo voi?

grazie a tutti!

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>gif idea- grafica fotografia e illustrazione</title>

<link rel=”foglio_stile”type=”text/css” href=”home12.css”/>

</head>

<body>
<div id=”container1”>
<div id=”header”>
<div id=”logoheader”><img src¬=”loghetto-header.gif” hspace:”10”;>
</div>
</div> <!—chiusura header→
<div id=”container2”>
<div id=”contenuti”>
</div> <!—chiusura contenuti→
</div> <!—chiusura container2→
<div id=”footer”>
</div> <!—chiusura footer→
</div>

</body>

Html,Body {margin:0;padding:0;}
Body{font-family: arial,sans serif; font-size: 11px;}

div#container1{position: relative; width:760px; height: 600px; margin: 0 auto;}

div#header{background-color:#CCCCFF; width: 760px; height:100px;}

div#logoheader{position: absolute; left:20px; top: 9px; width:129px; height:80px;}

div#contenuti{position: absolute; z-index:2; top: 127px; left: 27px; width:586px; height: 406; background-color:white;}

div#container2{z-index:1; background-color:#003366; width:760px; height: 459px;}

Div#footer{
width: 760px; height: 40px; margin: 0 auto; background-color:#FF33CC; color:#FFFFFF; margin: 0 auto;}

**simotenax** · 23-03-2009, 16:28

prova così:

Codice PHP:


<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>



<title>gif idea- grafica fotografia e illustrazione</title>



<link rel=”foglio_stile”type=”text/css” href=”home12.css”/>



<style>

Html,Body {margin:0;padding:0;}

Body{font-family: arial,sans serif; font-size: 11px;}

div#header{background-color:#CCCCFF; width: 760px; height:100px;}



div#logoheader{margin-left:20px;margin-top: 9px; width:129px; height:80px;}



div#contenuti{z-index:2; margin-top: 27px; margin-left: 27px; width:586px; height: 406; background-color:white;border-top:1px solid red; border-left:1px solid yellow;}





div#container2{z-index:1; background-color:#003366; width:760px; height: 459px;}





Div#footer{

width: 760px; height: 40px; margin: 0 auto; background-color:#FF33CC; color:#FFFFFF; margin: 0 auto;}

</style>

</head>



<body>



<div id=”header”>

<div id=”logoheader”><img src¬=”loghetto-header.gif” hspace:”10”;>

</div>

</div> <!—chiusura header-->

<div id=”container2”>

<div id=”contenuti”>

</div> <!—chiusura contenuti -->

</div> <!—chiusura container2-->

<div id=”footer”>

</div> <!—chiusura footer-->

</div>



</body>

</html>

Discussione: div dentro un div

Strumenti discussione

Ricerca discussione

Visualizza

div dentro un div

Permessi di invio