Newsgroup: it.lavoro.professioni.webmaster
Titolo: problema : due scritte in un div..

ciaoa tutti..
in un footer ho la necessita' di scrivere una frase a destra e una tutta 
a sinistra..come faccio?
sicuramente e' una banalita' ma non ci riesco.
grazie a tutti

Ner0 ha scritto:

Crei due div con width 50% o quel che ti serve e per uno metti 
text-align: left e l'altro text-align: right ?
-- 
-------------------------------------------
Paolo De Dionigi
www.atfriends.net
Responsabile Tecnico Zen Cart Italia

 
due div dentro il footer ? grazie

 sinistra..come faccio?
<div style="text-align:left; width:50%; float: left">sinistra</div>
<div style="text-align:right; width:50%; float: right">destra</div> 


Oppure ancora meglio:
<div style="float:left">sinistra</div>
<div style="float:right">destra</div>

 style="float:right">destra</div>
Sono sbagliate tutte e due.
Non si deve usare 50% per entrambi, perche` con gli arrotondamenti 
potrebbe sforare di 1-2 pixel e quindi andare a capo. Meglio usare 48% o 
49%.
Inoltre quando si usa float bisogna SEMPRE specificare il width.
Bye.

 49%.
questa mi era nuova infatti firefox ti ha smentito. più che un errore di 
scrittura lo considererei un bug di un browser poco serio: internet explorer 
:-( 

Alessandro Pellizzari ha scritto:

grazie a tutti e due...
pero' siccome il mio footer e' clear:both ..non mi sfasa niente anche 
con i due div float right e left?
grazie.
p.s: scusate se chiedo e non provo materialmente come viene ma adesso 
non posso.
ciao

Ner0 ha scritto:

Il clear è riferito al suo comportamento, non a ciò che è situato al suo 
interno.




Beh, se ci pensi, un browser deve per forza ragionare in pixel quando 
disegna sullo schermo.
Se il footer e` largo 99 pixel (per un motivo qualsiasi), dandogli 50%, 
ognuno dei due occupa 49,5 pixel. Se vengono arrotondati per difetto ti va 
bene, se vengono arrotondati per eccesso ti trovi entrambi larghi 50 
pixel, che in 99 non ci stanno. :)
Bye.

Alessandro Pellizzari ha scritto:

Hmmm...
Usando CSSViewer di Firefox, mi capita spesso di vedere valori decimali 
di larghezza/altezza nel caso queste dimensioni non siano definite (o 
forse proprio se sono definite in percentuale).
Assodato che un pixel del monitor non può essere 'suddiviso', cosa 
significa? Probabilmente che il valore 'tecnico' è quello mostrato, ma 
il browser che fa? Arrotonda? Con quale logica?


 il browser che fa? Arrotonda? Con quale logica?
E` proprio quello il punto. :)
Non si sa con quale logica arrotondi, pertanto e` sempre meglio tenersi 
sul sicuro, per quanto si puo`. Certo non puoi mettere 40% invece di 50% 
su un div che puo` essere largo da 30 a 1200 pixel.
Alcuni browser (magari in futuro) potrebbero anche usare il subpixel 
rendering per sfruttare le parti decimali dei pixel.
Per ora e` meglio stare attenti a non arrivare mai al 100% quando si 
affiancano oggetti. Io lascerei un 1% per ogni oggetto oltre al primo 
(quindi 2% per 3 oggetti, 3% per 4 oggetti, ecc.) o, se si vuole 
rischiare, (1/2)n % (cioe` 1% con 2 oggetti, 2% con 4 oggetti, 3% con 6, 
ecc.)
Bye.

 disegna sullo schermo.
ci avevo pensato ma non ci vuole molto a non sforare il 100% sono quelli di 
internet explorer che evidentemente non ci hanno pensato ;-D 



Beh, di questo non mi sento di fargli una colpa. Di altre cose si`. :)
Per esempio io uso spesso qualcosa del genere:
<ul class="vetrina">
 <li><img ...></li>
 <li><img ...></li>
 ...
</ul>
ul.vetrina li { width: 30%; float: left;}
Lo faccio apposta per avere tre prodotti per riga, e si arrangia ad andare 
a capo se ne ho 4, 6, 147, ...
In questa situazione il browser non dovrebbe nemmeno cercare di calcolare 
se 30+30+30+30+30 (5 prodotti) rientra in 100 e ci sta su una riga. E 
infatti non lo fa nessuno. E` il programmatore che deve pensarci.
La perdita di precisione nei calcoli su computer mi si e` inculcata fin da 
piccolo, e quindi sono rimasto un po' paranoico su questo punto. :)
Bye.

> Inoltre quando si usa float bisogna SEMPRE specificare il width.
wow, questa non la sapevo, perchè mai?

 piccolo, e quindi sono rimasto un po' paranoico su questo punto
eh no no scusa, la percentuale è la quantità numerica considerata in 
rapporto a cento unità, se divido la schermata in due parti al 50% il 
browser non deve superare le 100 unità. Diamo il giusto nome alle cose, 
chiamiamolo bug. I programmatori di internet explorer sono colpevoli proprio 
perché non hanno tenuto conto della perdita di precisione nei calcoli. 
Firefox invece lo fa.
nb: il *sistema di segnalazione bug di internet explorer è stato creato solo 
dopo che l'hanno fatto quelli di firefox, quindi sono colpevoli due volte 
;-D
* 
http://www.upyou.it/news+article.storyid+654.htm
 

 wow, questa non la sapevo, perchè mai?
Perche` un elemento di tipo block, come un div, ha sempre un ingombro 
orizzontale totale di default pari alla larghezza del suo contenitore. E 
visto che puoi applicare il float solo ad elementi di tipo block (naturale 
o forzato con display:block), ne deriva che se non specifichi il width, il 
default sara` 100% (se margin, border e padding sono a 0), quindi non 
riesci a farlo flottante.
http://www.w3.org/TR/CSS2/visuren.html#floats
A floated box must have an explicit width (assigned via the 'width' 
property, or its intrinsic width in the case of replaced elements)
I "replaced elements" sono, per esempio, le immagini, che hanno una width 
intrinseca.
Bye.

Alessandro Pellizzari ha scritto:

non entro nel merito della questione..anche se e' chiarissima e vi 
ringrazio ...tutto apposto.
l'unia cosa e' che ho dovuto mettere il footer al di fuori del div 
container perche'0 danto percentuali del tipo..48% e 49% si vedeva lo 
sfondo differente del container.
ciao

 sfondo differente del container.
E non puoi cambiare lo sfondo dei due div contenuti?
Bye.

Alessandro Pellizzari ha scritto:

no mi serve bianco purtroppo..cmq ho messo il footer al di fuori...non 
so se e' una cosa corretta:O
grazie mille.