due parti di testo differenti nello stesso Div

[gaetano]

Ciao a tutti,
la mia intenzione è quella di mettere una parte di testo allineata a sinistra e un'altra porzione a destra nello stesso div,in questo caso si tratta di un unico footer a fondo pagina di cui vi riporto foglio di stile e html

#footer {      
position:relative; 
width: 105%;     
height: 2em;     
margin: 0px ;          
clear: both;     
border-bottom: 2px solid #000000; 
font: normal 1em Tahoma, Arial, Helvetica, sans-serif;     
color: #ffffff;     
word-spacing: 0.3em;     
background: #5E80BD url(sfondo1.png);        }   

#footer p{      
text-align: left;    } 

E codice html:

<div id="footer">


Copyright &copy; 2009 by [b]miosito[/b] Ottimizzato per Mozilla Firefox
        by webmaster </p>

</div> 

il mio intento è quello di riuscire a posizionare quel "by webmaster" allineato a destra del footer anzichè a sinistra..cioè in pratica dalla parte opposta..Ho provato anche a creare un div apposta con allineamento del testo a destra ma non funziona..anzi non mi visualizza proprio quel tresto..consigli?grazie come sempre XD

[gaetano]

nessuno mi aiuta? up

[ciucciamellea]

non so se ho capito bene ...
ma se questo div lo hai all'interno di un container, perche non usi due div?
in modo da averne uno a sinistra per il

Copyright © 2009 by miosito Ottimizzato per Mozilla Firefox

e uno a sinistra per

by webmaster

capito come?

[gaetano]

Originariamente inviato da ciucciamellea
non so se ho capito bene ...
ma se questo div lo hai all'interno di un container, perche non usi due div?
in modo da averne uno a sinistra per il

Copyright © 2009 by miosito Ottimizzato per Mozilla Firefox

e uno a sinistra per

by webmaster

capito come?

ho già provato ad usare due div..uno che posizionava la parte di testo a sinistra nel footer e un altro che posizionava la parte di testo a destra sempre nello stesso footer...ma come risultato adirittura non mi visualizzava una delle due parti di testo!

[ciucciamellea]

ma hai usato float:left; ?

[gaetano]

Originariamente inviato da ciucciamellea
ma hai usato float:left; ?

text-align: left...il sorgente è al primo post

[ciucciamellea]

fai cosi:

#footer {
width:200px;
background:#99FFFF;
}

.uno {
float:left;
background:#00FF00;
}

.due {
text-align:right;
}

<div id="footer">

<div class="uno">
testo1
</div>
<div class="due">
testo2
</div>

</div>

l'ho fatto in due secondi... per darti un'idea di come ho fatto ho applicato lo sfondo
ora riportagli le modifiche che devi e se è questo che intendevi, allora hai finito

[gaetano]

Originariamente inviato da ciucciamellea
fai cosi:

#footer {
width:200px;
background:#99FFFF;
}

.uno {
float:left;
background:#00FF00;
}

.due {
text-align:right;
}

<div id="footer">

<div class="uno">
testo1
</div>
<div class="due">
testo2
</div>

</div>

l'ho fatto in due secondi... per darti un'idea di come ho fatto ho applicato lo sfondo
ora riportagli le modifiche che devi e se è questo che intendevi, allora hai finito

Grazie mille funziona ora,prima facevo un errore nel float ecco perchè mi visualizzava soltanto il testo di sinistra.!Ti ringrazio..XD

[ciucciamellea]

una chicca:

nel caso in cui dovessi usare float:left; per il div di sinistra e float:right; per il div di destra ...
ricordati di inserire overflow:auto; nel container (cioè nel tuo footer) .. se no il container sparisce!!!