problema allineamento diverso stessa riga

[torrone]

nel div dove è contenuto il mio footer della pagina vorrei allineare a destra una parte di testo e a sinistra un'altra parte di testo.. però non ci riesco

div#footer {
background: #eaeaea;
color: #333333;
clear:both;
width:100%;
margin: 0;
}
.left {
text-align:left;
}
.right {
text-align:right;
}

<div id="footer"><span class="left">Testo 1</span><span class="right">Testo 2</span></div>

l'effetto è che il testo è tutto allineato a sinistra...

chi mi può aiutare...


thanks

[aljoscia]

Prova ad usare questo codice:

div#footer { background: #eaeaea; color: #333333; clear:both; width:100%; margin: 0;
}
 
.left { 
text-align:left;
float:left;
 
} 

.right { 
text-align:right; 
float:right;

}  

<div id="footer"><div class="left">Testo 1</div><div class="right">Testo 2</div></div>

In pratica ho inserito due nuovi div (uno per il testo 1 e uno per il testo 2) all'interno del div footer e per il div con il testo 1 ho usato il comando float left, mentre per l'altro il comando float right.

Prova a fare così e vedi se funziona, spero di averti aiutato

[torrone]

Originariamente inviato da aljoscia
Prova ad usare questo codice:

div#footer { background: #eaeaea; color: #333333; clear:both; width:100%; margin: 0;
}
 
.left { 
text-align:left;
float:left;
 
} 

.right { 
text-align:right; 
float:right;

}  

<div id="footer"><div class="left">Testo 1</div><div class="right">Testo 2</div></div>

In pratica ho inserito due nuovi div (uno per il testo 1 e uno per il testo 2) all'interno del div footer e per il div con il testo 1 ho usato il comando float left, mentre per l'altro il comando float right.

Prova a fare così e vedi se funziona, spero di averti aiutato

ottimo grazieeeee

[torrone]

Originariamente inviato da aljoscia
Prova ad usare questo codice:

div#footer { background: #eaeaea; color: #333333; clear:both; width:100%; margin: 0;
}
 
.left { 
text-align:left;
float:left;
 
} 

.right { 
text-align:right; 
float:right;

}  

<div id="footer"><div class="left">Testo 1</div><div class="right">Testo 2</div></div>

In pratica ho inserito due nuovi div (uno per il testo 1 e uno per il testo 2) all'interno del div footer e per il div con il testo 1 ho usato il comando float left, mentre per l'altro il comando float right.

Prova a fare così e vedi se funziona, spero di averti aiutato

anzi no... con IE si vede tutto bene.. con firefox invece si eprde il footer... cioè la visualizzazione è corretta ma è come se il blocco del footer sparisse...

mi spiego meglio...(o almeno ci provo )

con i ie viene tutto visualizzato correttamente, il blocco del footer, con il suo colore di sfondo e i due testi uno rispettivamente a destra e l'altro a sinistra.. con firefox invece il testo viene mostrato correttamente da una parte il testo a destra e dall'altra a sinistra... però il colore di sfondo non viene più visualizzato...

[Mich_]

E` il SOLITO problema del clear mancante.
Metti un clear DOPO i due blocchi centrali e PRIMA della chiusura del contenitore, eventaulemnte come consigliato in [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float.

Ma faccio un appunto al codice: non e` corretto inserire del testo direttamente dentro un <div>. IL tag per il testo e` il

.
I due <div> interni del codice di aljoscia devono semplicemente diventare dei

[torrone]

Originariamente inviato da Mich_
E` il SOLITO problema del clear mancante.
Metti un clear DOPO i due blocchi centrali e PRIMA della chiusura del contenitore, eventaulemnte come consigliato in [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float.

Ma faccio un appunto al codice: non e` corretto inserire del testo direttamente dentro un <div>. IL tag per il testo e` il

.
I due <div> interni del codice di aljoscia devono semplicemente diventare dei

ho sostituito i div con p

div#footer { background: #eaeaea; color: #333333; clear:both; width:100%; margin: 0;
}
 
.left { 
text-align:left;
float:left;
 
} 

.right { 
text-align:right; 
float:right;

}  

<div id="footer"><p class="left">Testo 1</p><p class="right">Testo 2</p></div>

però non ho capito come devo fare l'aggiunta del clear.. mi puoi aiutare?

grazie

[Mich_]

però non ho capito come devo fare l'aggiunta del clear.. mi puoi aiutare?

No, l'esperto del clearing non sono io. Ma la sua pillola e` piuttosto chiara: copia semplicemente da quell'esempio.

[torrone]

Originariamente inviato da Mich_
No, l'esperto del clearing non sono io. Ma la sua pillola e` piuttosto chiara: copia semplicemente da quell'esempio.

ma non ci sono altri modi per far quello che voglio??

[Mich_]

Certo che c'e`; l'ho gia` scritto:

Metti un [blocco con il] clear DOPO i due blocchi centrali e PRIMA della chiusura del contenitore

Pero` il sistema proposto da fcaldera e` piu` elegante e da` un risultato migliore (senza gli spazi che vengono inseriti se metti un blocco ulteriore)

[torrone]

questo non avevo capito come fare prima... mi fai un esempio?

scusa se continuo a romeprti