ugrás a tartalomhoz

Divben a szöveg mindig eloszlatva legyen

Anonymous · 2005. Dec. 25. (V), 12.00
Háj!

Kérdés: meg lehet azt valahogyan oldani, hogy egy pl. 400 pixel széles divben a szöveg mindig eloszlatva legyen? De akkor is, ha divben 2, 3, 4, 5 stb., vagy akárhány szó van. A divben csak egy sor van mindig. Tehát arra gondolok, hogy ha pl. van benne 2 szó, akkor az egyik legyen jobb, a másik bal oldalt. Ha 3, akkor egyik balra, másik középre, harmadik jobbra kerüljön. Ha 4, akkor oszlasssa el a köztük lévő részt, ha 5, akkor szintén és így tovább. Tehát lényegében a text-align: justify szerint (csak annyi különbséggel, hogy ne csak akkor oszlassa szét a szavak közti részt, ha van megfelelően sok szó).

Megoldható?
 
1

Justify

janoszen · 2005. Dec. 25. (V), 14.37
Szóval egy justify-szerű effektet szeretnél elérni azzal a különbséggel, hogy 1 sorra is működjön. Namost, erre én CSS megoldást (egyszerűt) nem tudok. Annyit tudsz talán csinálni, hogy így írod meg a kódot:

<div>
 <span>Első</span><span>szó</span>
</div>
És utána CSS-sel a display tulajdonságukat "táblázat"-ra állítod. Persze, ez IE alatt nem fog menni.
3

Ahha

Anonymous · 2005. Dec. 25. (V), 14.49
Szóval egy justify-szerű effektet szeretnél elérni azzal a különbséggel, hogy 1 sorra is működjön.


Igen igen...

Persze, ez IE alatt nem fog menni.


Miért is menne...(pedig ez jó ötlet)
2

Jó kérdés...

krey · 2005. Dec. 25. (V), 14.37
Írnék valami scriptet, hogy generáljon táblázatot a szavak számának megfelelően... Ez mondjuk nem a [X]HTML / AJAX / Flash kategóriákba tartozik, de szerintem ez jó megoldás...
4

Jó ötlet

Anonymous · 2005. Dec. 25. (V), 15.02
Bár így el fogja rontani a szép dives oldalamat... :)) Végül is divekkel is meg lehet oldani, csak az nem lesz TELJESEN pontos. De fogom használni mindenképp az ötletet, vagy táblázattal vagy divvel!
5

Újabb IE bug?

Anonymous · 2005. Dec. 25. (V), 15.08
Ráadásul az IE szerint (33.3%+33.3%+33.3%) > 100% :))

<div style="width: 428px; height: 80px; background-color:#ff9933;">

	<div style="width: 33.3%; background-color: #ffff33; height: 80px; float: left;"></div>

	<div style="width: 33.3%; background-color:#33ff33; float: left; height: 80px;"></div>

	<div style="width: 33.3%; background-color:#cc6600; float: left; height: 80px;"></div>

</div>
6

position:relative?

janoszen · 2005. Dec. 25. (V), 15.48
Üdv!

Próbáld meg úgy, hogy a legfelső divnek adsz egy olyan tulajdonságot, hogy position:relative;

Ez lehet, hogy megoldja. Sőt, a W3C specifikáció szerint meg kell oldja.