niente oltre al colore di sfondo del body

**jeanine** · 23-03-2005, 13:06

ciao,
sono nuova del forum e pure dei css, visto che...sulla mia pag html non si vede una mazza!! ad eccezione del colore di sfondo che ho dato al body, tutto il resto (una img di sfondo nel container, un title e un'altra img) è completamente invisivile.
non riesco a capire da cosa dipenda

metto il codice: magari qualcuno mi può aiutare?

html:
_______________
<body>
<div id="container">
<div id="titolo">
<h1>benvenuto</h1>
</div>
<div id="dettaglio">
</div>
</div>
</body>
</html>
________________
css:

body {
margin:0px;
padding:0px;
background-color: #688490}

#container {
position:absolute;
width:1024px;
background-image: url(../img/sfondo.jpg);
background-repeat: no-repeat;
}
#titolo {
position:absolute;
left:170px;
top: -190px;
}
h1 {
font-family: Helvetica, Arial, sans-serif;
font-size:18px;
font-weight: bold;
color: #ffffff;
}
#dettaglio {
background-image: url(../img/tetto_dettaglio_2.jpg);
}
________________________

ringrazio spassionatamente, jeanine

**andrea.paiola** · 23-03-2005, 13:50

hai provato a vederlo disabilitando i CSS?
forse è un problema di codice html... posta la pagina completa!

**pidgey** · 23-03-2005, 14:03

con che browser visualizzi la pagina??

**jeanine** · 23-03-2005, 16:34

per la visualizzazione ho usato sia firefox che explorer5.
non cambia assolutamente niente! se disabilito il css il txt si vede
quanto a tutto l'html, se può essere utile:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="kewywords" content=""/>
<meta name="description" content="" />
<meta name="robots" content="all" />

<link href="css/index1.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<div id="titolo">
<h1>benvenuto</h1>
</div>
<div id="dettaglio"> </div>
</div>
</body>
</html>

**kaze** · 23-03-2005, 16:38

<body>
<div id="container">
<div id="titolo">
<h1>benvenuto</h1>
</div>
<div id="dettaglio"> </div>
</div>
</div>
</body>
</html>

Manca la chiusura del div "container"

**andrea.paiola** · 23-03-2005, 16:46

Originariamente inviato da kaze
<body>
<div id="container">
<div id="titolo">
<h1>benvenuto</h1>
</div>
<div id="dettaglio"> </div>
</div>
</div>
</body>
</html>

Manca la chiusura del div "container"

come sospettavo...

**jeanine** · 23-03-2005, 18:21

scusate
ma siete sicuri che mancasse proprio un div? li ho contati e mi tornerebbero..

in ogni modo, prima di darmi all'ippica, non mi funziona niente lo stesso

**pidgey** · 25-03-2005, 13:45

Se vuoi costruire una pagina con i div devi utilizzare questa impostazione:

Foglio di stile:
**********************
body {
margin:0px;
padding:0px;
background-color: #688490}

#container {
position:absolute;
width:1024px;
background-image: url(../img/sfondo.jpg);
background-repeat: no-repeat;
}
#header {
position:absolute;
left:170px;
top: -190px;
}
h1 {
font-family: Helvetica, Arial, sans-serif;
font-size:18px;
font-weight: bold;
color: #ffffff;
}
div#content {
background-image: url(../img/tetto_dettaglio_2.jpg);
}

HTML:
**********
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="kewywords" content=""/>
<meta name="description" content="" />
<meta name="robots" content="all" />

<link href="css/index1.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<div id="titolo">
<h1>benvenuto</h1>
</div>
<div id="content"> </div>
</div>
</body>
</html>

Ciao!!!

**pidgey** · 25-03-2005, 13:48

Mi sono dimenticata di darti questo link..
vedrai che dopo ti sarà tutto + chiaro

http://www.html.it/layout_css/layout_css_04.htm

**andrea.paiola** · 25-03-2005, 18:39

Originariamente inviato da jeanine
scusate
ma siete sicuri che mancasse proprio un div? li ho contati e mi tornerebbero..

in ogni modo, prima di darmi all'ippica, non mi funziona niente lo stesso

RICONTA CHE è MEGLIO

Discussione: niente oltre al colore di sfondo del body

Strumenti discussione

Ricerca discussione

Visualizza

niente oltre al colore di sfondo del body

Permessi di invio