2 Ccolonne float con i CSS

**lorenzos** · 13-05-2005, 08:25

Ciao, sto impastando un sito a due colonne con i css.
Vi posto l'html. Mi dite se secondo voi e nidificato in modo corretto?

codice:

<body>
	<div id="body">
		<div id="intestazione">[img]intestazione.gif[/img]</div>
		<div id="menu">[img]2sx.gif[/img][img]HOME1.gif[/img][img]stage1.gif[/img][img]insegnanti1.gif[/img][img]dove1.gif[/img][img]prezzi1.gif[/img][img]foto1.gif[/img][img]iscrizione1.gif[/img][img]contatti1.gif[/img][img]2dx.gif[/img]</div>
	</div>
	<div id="contenuti">
		<div id="laterale" style="float:left">[img]laterale1.jpg[/img]</div>
		<div id="testo" style="float:right">
          

</p>
          

Dopo l'edizione &quot;Saliceto 2005&quot;, che ha visto la partecipazione di un massiccio numero di allievi e di uditori, ci prepariamo ad affrontare la seconda edizione dello Stage &quot;Teatro al Castello&quot;. Una seconda edizione pi&ugrave; ricca, supportata dalla nascita del 1&deg; Festival di Saliceto. Un periodo di studio, quindi, ma anche di divertimento e di cultura.</p>
	  </div>
		<div id="coda">
		  

[img]logo-saliceto.gif[/img][img]commontana.gif[/img]Il seguente sito &egrave; di propriet&agrave; dell'Associazione Culturale Art&amp;Vita.
 
	      E' pertanto vietata la sua riproduzione parziale o totale.</p>
	    </div>
	</div>
</body>
</html>

Vi sembra corretto? Il problema è che il div coda non si comporta normalmente, ma con FF E Netscape si allunga e sposta gli elementi al suo interno. Ha settato il valore clear:both; PUò essere quello?

**borgio3** · 13-05-2005, 09:13

Hai commesso un errore di intrecciamento tra il div contenuti ed il div coda. Il primo accoglie anche parte del secondo.

codice:

<div id="body"> <div id="intestazione">[img]intestazione.gif[/img]</div> <div id="menu">[img]2sx.gif[/img][img]HOME1.gif[/img][img]stage1.gif[/img][img]insegnanti1.gif[/img][img]dove1.gif[/img][img]prezzi1.gif[/img][img]foto1.gif[/img][img]iscrizione1.gif[/img][img]contatti1.gif[/img][img]2dx.gif[/img]</div> </div> <div id="contenuti"> <div id="laterale" style="float:left">[img]laterale1.jpg[/img]</div> <div id="testo" style="float:right">           

 </p>           

Dopo l'edizione "Saliceto 2005", che ha visto la partecipazione di un massiccio numero di allievi e di uditori, ci prepariamo ad affrontare la seconda edizione dello Stage "Teatro al Castello". Una seconda edizione più ricca, supportata dalla nascita del 1° Festival di Saliceto. Un periodo di studio, quindi, ma anche di divertimento e di cultura.</p>   
</div>  </div> 
<div id="coda">   


[img]logo-saliceto.gif[/img][img]commontana.gif[/img]Il seguente sito è di proprietà dell'Associazione Culturale Art&Vita.
        E' pertanto vietata la sua riproduzione parziale o totale.</p>  </div>

Questo è il codice che dovrebbe andare bene

Ciao Ciao

**lorenzos** · 13-05-2005, 12:55

Ossia i div nidificati devono essere messi sulla stessa riga?

**lorenzos** · 13-05-2005, 14:16

Non risolve niente...

Aiuto...

**zoom** · 13-05-2005, 15:27

non che sia semplicissimo leggere il codice non indentato correttamente... comunque...

consiglio:

div testa

div a sinistra float
div a destra float
div coda clear

senza nessun tipo di annidamento.

**lorenzos** · 15-05-2005, 11:04

Ma è quello che ho fato.
L'unico annidamento che c'è e quello del menù sotto al banner, poi è esattamente come hai scritto tu.
Ma con firefox mi da un problema di coda. Forse dovrei inserire all'interno di coda 2 div, e a ogni div dare un float. Poi all'interno del div #destra che sarà float right inserire un immagine e darle float right.
Spero di essermi spiegato.
Che ne dite?

Addeo · 15-05-2005, 12:32

<div id="testo" style="float:left">

Prova così!

**lorenzos** · 15-05-2005, 15:41

Prova così!
<div id="testo" style="float:left">

In realtà il div testo funziona benissimo.
Il div che non viene visualizzato bene da firefox è il div coda.

Addeo · 15-05-2005, 16:31

Su Firefox per Mac si vede bene.

Prova così:

#coda {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 700px;
height: auto;
font-size: 13px;
background-color: #FF6666;
color: #FFFFFF;
}

**lorenzos** · 15-05-2005, 17:17

Guarda che il sito non è online...
Forse Intendi quello in firma?

Discussione: 2 Ccolonne float con i CSS

Strumenti discussione

Ricerca discussione

Visualizza

2 Ccolonne float con i CSS

Ciao

Permessi di invio