[CSS]Posizionamento

paola.mi

[CSS]Posizionamento

Ciao, eccomi qui con uno nuovo dei miei problemi...
Dunque, sto facendo un sito a forma di libro, ho realizzato tre immagini:

una di testa
una di mezzo
una di coda.

La prima e la terza non vanno ripetute, la seconda sì.
Ora... io ho aperto il primo <div> e l'ho richiuso e ho fatto così con tutti e tre, solo che alla chiusura del terzo, IL SECONDO, continua a ripetersi...

Questo è il css:

body {
font: italic normal 98% georgia;
color: #666666;
background: #c9c9c9;
margin:0em;
}

p {
font: italic normal 98% georgia;
color:;
margin-top: 0px;
text-align: justify;
padding: 0px 0px 0px 30px;
}

#contenitore {
width: 75%;
text-align: justify;
font: italic normal 98% georgia;
color:;
margin: auto;
}

#libro1 {
background: url(immagini/01.jpg); background-repeat: no-repeat;
padding: 170px 0px 0px 0px;
margin: 0px;
font: italic normal 98% georgia;
color:;
}

#libro2 {
background: url(immagini/02.jpg); background-repeat: repeat-y;
padding: 0px 0px 0px 0px;
margin: 0px;

}
.libro2_testo {
float: left;
width: 40%;
font: italic normal 98% georgia;
color:;
margin-top: 0px;
text-align: justify;
padding: 0px 0px 0px 35px;

}

.libro2_testo_dx {
float: right;
width: 40%;
font: italic normal 98% georgia;
color:;
margin-top: 0px;
text-align: justify;
padding: 0px 50px 0px 0px;

}

.libro3 {
background: url(immagini/03.jpg); background-repeat: no-repeat;
padding: 170px 0px 0px 0px;
margin: 0px;
font: italic normal 98% georgia;
color:;
}

.clean {clear: both; }

Questa la pagina di Xhtml:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Paola Augusti" />
<meta name="Keywords" content="Parole Chiave" />
<meta name="Description" content="Descrizione" />
<meta name="robots" content="all" />
<title>Titolo</title>
<link href="style05.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenitore">
<div id="libro1"></div>
<div id="libro2">
<div class="libro2_testo"> Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
</div>
<div class="libro2_testo_dx">Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
Paola paola paola paola paola paola paola paola paola paola paola paola paola
</div>
<div class="clean"></div>
<div class="libro3"></div>
</div>
</div>
</body>
</html>

E questo è quello che ne viene fuori:

[URL=http://imageshack.us]

Ovviamente, non capisco dove sia l'inghippo... :bho:

four

#libro2 {
background: url(immagini/02.jpg); background-repeat: repeat-y;
padding: 0px 0px 0px 0px;
margin: 0px;

}

Perchè hai impostato il ripetersi dell'immagine di sfondo in senso verticale

paola.mi

Perché va ripetuta in verticale...
Ho provato, nella disperazione, a mettere solo repeat o repeat-x... non ti dico cosa ne è uscito...

claudioweb

Ho dato uno sguardo veloce, anche perchè senza avere le immagini non si vede nulla...

Il problema dovrebbe essere quello indicato da four

Sperando tu possa risolvere, ti ricordo la proprietà overflow da impostare così:

overflow:hidden;

Ciao

paola.mi

Claudio, ma se non metto repeat-y cosa metto? nel senso che non posso mettere né repeat né repeat-x...

Le immagini, hai ragione:

[URL=http://imageshack.us]

paola.mi

Mi è venuto... giuro che non ho modificato nulla ma mi è venuto...

claudioweb

Paola ho riguardato meglio, perchè chiudi libro2_testo solo dopo libro3?
Prova a chiuderlo prima e a impostargli un'altezza.

Ciao

paola.mi

Ecco Claudio, è proprio quello che ho fatto senza neanche accorgermene...

Sono + stordita di quanto pensassi... ho bisogno di ferie...