ugrás a tartalomhoz

CSS függőleges igazítás, valamint min-height probléma

Anonymous · 2005. Nov. 25. (P), 10.24
Következő a problémáim vannak:

1,Van egy 650*35-ös divem, amiben van x szövegrészlet. IE alatt a szöveget felülre, míg firefoxban alulra igazítja. Hogyan tudnám lehetőleg középre igazítani?

2, A másik a min-height megadása. Firefoxban megy, IEben nem. Egyszerűen úgy jelenik meg, mintha nem is adtam volna meg értéket.

Előre is köszönöm a válaszokat!
‹ Lista elemek hibás megjelenése document.form.name.src + bongeszok ›
 ■
1

min-height

Anonymous · 2005. Nov. 25. (P), 15.38
Az IE a min-height "utasítást" nem kezeli, ott a height lesz a barátod, de akkor meg az FF a height paramétert fogja értelmezni, én ezt IE hackel oldanám meg.
2

meglepetések helyett :-)

Anonymous · 2005. Nov. 25. (P), 18.28
http://www.quirksmode.org/css/contents.html
3

line-height

Anonymous · 2005. Nov. 26. (Szo), 07.23
Az első kérdésre megoldás lehet, ha a line-height értékét is beállítod 35px-re.

A másodikra: http://www.cssplay.co.uk/boxes/minheight.html
4

Köszi a válaszokat

Anonymous · 2005. Nov. 26. (Szo), 10.41
Sikerült megoldani a problémát a következővel:

http://www.greywyvern.com/code/min-height-hack.html

Az az érdekes, hogy amint ezt megcsináltam, a szöveget is felülre igazította mindkettő. Kezdem úgy érezni, hogy sosem fogom megérteni a böngészők lelki világát:)

Mégegyszer köszi!
5

tipp

wiktor · 2005. Nov. 26. (Szo), 13.06
min-height: 50px;
height: auto !important;
height: 50px;

ez nem jó megoldás? :)
6

?

Anonymous · 2005. Nov. 26. (Szo), 15.57
Ezt nem igazán értem:
height: auto !important;
7

fontos

wiktor · 2005. Nov. 27. (V), 11.59
A min-height-et értelmezik a modern böngészők (FF, Opera) és beállítják, IE figyelmen kívül hagyja. Utána azt mondjuk neki, hogy a height maradjon auto és ez egy fontos deklaráció. Az IE "természetesen" nem érti az important kulcsszót és nem is fog ezzel foglalkozni, de a modern böngészők elfogadják. Így az utolsó height-et csak az IE fogja értelmezni és beállítja 50px-re.

Részletek:
http://htmlspec.web.elte.hu/stiluslap/css3.htm#3.1
8

köszi

Anonymous · 2005. Nov. 27. (V), 12.03
Nagyon köszi a részletes bemutatást, de ha IE alatt eleve 50px lesz a doboz, akkor ez majdhogynem olyan, mintha simán beírnám a height: 50px et. Mert ha jól értem, akkor továbbra is másként jelneik meg FF és opera alatt, mint IEben...
9

nem egészen

wiktor · 2005. Nov. 27. (V), 23.23
Nem egészen, mert ie alatt nem úgy működik a height, mint máshol (értsd: firefox és opera :). Az ie-ben megadsz egy div-nek mondjuk - a példánál maradva - 50px-et, akkor minimum ekkora lesz a magassága, de ha a div-ben lévő tartalom nem fér bele, akkor automatikusan "megnagyobbítja", szétfeszíti a dobozt. Más böngészőknél ilyenkor a tartalom "kifolyik" a dobozból, de a doboz 50px marad. (Ezt tudod befolyásolni az overflow-val!)

Próbáld ki, hogy csinálsz egy div-et, tegyélre rá keretet, add meg az 50px-et height-et és írj bele először egy szót, aztán egy bekezdést. Látni fogod mi a különbség... :)