Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

[CSS] Evitare la sorapposizione dei div

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

[CSS] Evitare la sorapposizione dei div

Messaggioda sonep » ven lug 28, 2006 9:56 am

Buon giorno a tutti,
mi trovo in difficoltà con dei div;
praticamente ho un div contenitore con all'interno un div che contiene un'immagine(disposto a sinistra del contenitore), un div che contiene un'immagine(disposto a destra del contenitore), un div che contiene del testo(disposto a destra sotto il div che contiene l'immagine) e un ultimo div che contiene testo che dovrebbe essere disposto sotto il terzo div che contiene il testo.

ecco il codice xhtml:
Codice: Seleziona tutto
<div id="commento">
<div id="fotoC"><img src="immagini/fotoC.jpg" alt="" /></div>
<div id="tipoC"><img src="immagini/commento.jpg" alt="" /></div>
<div id="titoloC"><h5>Lettera aperta di Piero Lacorazza al Sen. Emilio Colombo</h5></div>
<div id="testoC">Il coordinatore della segreteria regionale dei Democratici di Sinistra, Piero Lacorazza, ha inviato stamattina una lettera aperta al Sen. Emilio Colombo, in occasione del 60° anniversario della Repubblica Italiana, che ricorre il prossimo 2 giugno.</div>
</div>

e questo è il css:
Codice: Seleziona tutto
#commento {
border: 1px solid Black;
position: relative;
width: 360px;
text-align: left;
}

#tipoC {
border: 1px solid Black;
position: absolute;
top:0; right:0;
}

#titoloC {
border: 1px solid Black;
float: right;
position: absolute;
top:20px; right:0px;
width: 160px;
}

#testoC {
border: 1px solid Black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: right;
}

io vorrei fare in modo che il div #testoC non si sovrapponga al div #titoloC ma inizi quando quest'ultimo finisce.
Forse un immagine rende meglio l'idea:
Immagine

ho provato ad utilizzare la proprietà clear:right; ma senza risultati.
ho cercato su internet ma non riesco a trovare le informazioni necessarie...quindi ho pensato a voi. [:-D]
ciao
People are strange when you're a stranger
Faces look ugly when you're alone
Women seem wicked when you're unwanted
Avatar utente
sonep
Silver Member
Silver Member
 
Messaggi: 1017
Iscritto il: dom mag 11, 2003 5:18 pm
Località: Basilicata

Messaggioda thomas » ven lug 28, 2006 10:06 am

prova con
Codice: Seleziona tutto
clear: both
"Am too late to get too high to get, too late to wash my face and hands "
Mr Hudson and the Library - Too Late Too Late
Avatar utente
thomas
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 6858
Iscritto il: mer lug 09, 2003 6:30 pm
Località: Parma

Messaggioda sonep » ven lug 28, 2006 10:28 am

ho già provato...con lo stesso risultato!

il miglior risultato che ho ottenuto è arrivato togliendo position: absolute; da #titoloC, ma rimaneva il problema che il div #titoloC lo faceva nascere in corrispondenza della fine della foto, sul lato destro!
People are strange when you're a stranger
Faces look ugly when you're alone
Women seem wicked when you're unwanted
Avatar utente
sonep
Silver Member
Silver Member
 
Messaggi: 1017
Iscritto il: dom mag 11, 2003 5:18 pm
Località: Basilicata

Messaggioda sonep » ven lug 28, 2006 11:04 am

risolto: ho dato una larghezza del 50% al div #fotoC, e quindi usato clear:both;
ora tutto è ok!

grazie per l'aiuto.
ciao
People are strange when you're a stranger
Faces look ugly when you're alone
Women seem wicked when you're unwanted
Avatar utente
sonep
Silver Member
Silver Member
 
Messaggi: 1017
Iscritto il: dom mag 11, 2003 5:18 pm
Località: Basilicata


Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising