ciao a tutti! Grazie in anticipo se potrete aiutarmi!
non so se il problema sia di portare in primo piano o proprio di visualizzazione! Mi spiego.
ho una pagina con header e footer, e al centro un contenitore colore blu, chiamato container2, il quale al suo interno contiene un altro box, bianco, chiamato contenuti.
ho impostato il container2 in posizione relativa, mentre il "figlio" contenuti in posizione assoluta, assegnandogli due valori per top e left, per assegnargli la posizione rispetto al genitore container2
il mio problema è che nella pagina...contenuti non compare proprio! ho solo header, container2 e footer. Ho tentato anche assegnando diversi z-index a contenuti e container2...nulla!
perchè mai?? Non posso inserire il rettangolo bianco come immagine, sia per non appesantire, sia perchè all'interno di quello ci saranno i contenuti, fote eccetera..
ecco il codice...e i css
<!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=”home4.css”/>
</head>
<body>
<div id=”header”>
<img src¬=”loghetto header.gif”>
</div> <!—chiusura header→
<div id=”container2”>
<div id=”contenuti”>
</div> <!—chiusura contenuti→
</div>
<div id=”footer”>
</div> <!—chiusura footer→
</body>
</html>
ciao a tutti!
non so se il problema sia di portare in primo piano o proprio di visualizzazione! Mi spiego.
ho una pagina con header e footer, e al centro un contenitore colore blu, chiamato container2, il quale al suo interno contiene un altro box, bianco, chiamato contenuti.
ho impostato il container2 in posizione relativa, mentre il "figlio" contenuti in posizione assoluta, assegnandogli esempio top: 20px; left: left: 20px
il mio problema è che nella pagina...contenuti non compare proprio! ho solo header, container2 e footer.
perchè mai?? ecco il codice...e i css
<!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=”home4.css”/>
</head>
<body>
<div id=”header”>
<img src¬=”loghetto header.gif”>
</div> <!—chiusura header→
<div id=”container2”>
<div id=”contenuti”>
</div> <!—chiusura contenuti→
</div>
<div id=”footer”>
</div> <!—chiusura footer→
</body>
</html>
Html,Body {margin:0;padding:0;}
Body{font-family: arial,sans serif; font-size: 11px;}
Body {margin: 0 auto;}
div#header{background-color:#CCCCFF; width: 760px; height:100px;}
div#container2{position: relative; background-color:#003366; width:760px; height: 459px;}
div#contenuti{position: absolute; top: 27px; left: 27px; width:586px; height: 406; background-color:#FFFFFF;}
Div#footer{
width: 760px; height: 40px; background-color:#FF33CC; color:#FFFFFF;}
grazie ancora a tutti e buon week end!
Rispondi quotando