Mindig volt egy olyan problémám, hogy lábléc de lent. Képzeljünk el egy dizájnt, van a tetején egy hedör, középen egy szép wrappör, és ugye lent egy fútör. De ez a lent olyannyira lent legyen, hogy ha a szöveg hatméteres, akkor is a képernyő legalján, és ha a szöveg két sor, akkor is. Próbáltam már mindenhogy, abszolút és releatív pozicionálással bottom: 0px;, de az elsőnél a hosszú szöveg esetében, míg utóbbinál a rövid szöveg esetében vannak problémák. Tippje valakinek?
Tetszett a bejegyzés?
Megköszönöm, ha nyomsz rá egy like-ot vagy megosztod másokkal:
Devilll
2006. február 19. — 00:18:54
nem vagy egyedül vele.. én is próbáltam.. de ahogy szrevettem ennek a problémának a megoldására még mindíg frame-t használnak, ami elég ocsmány tud lenni….
Gege
2006. február 19. — 00:51:40
dettó ugyanez a problémám! én eddig csak egy megoldást találtam. javascript.
sHelf
2006. február 19. — 01:11:28
de nem értem hogy minek ehhez abszolút meg relatív pozícionálás. simán kell, és akkor a szöveg kitolja, ha kell.
fgi
2006. február 19. — 02:49:48
talan ez segit: http://www.alistapart.com/articles/footers
Gazala
2006. február 19. — 09:46:27
min-height: yypx;
IE-be meg css hack kell.
nekem ezzel ment.
sHelf
2006. február 19. — 11:34:38
bizony, akkor min-height..
Daniel
2006. február 20. — 19:42:53
hello! Ha már css ről dumcsiztok nekem is lenne egy kérdésem, igaz, nem kacsolódik a css-hez de a w3-hoz igen.
szóval:
szoveg
Erre ezt dobja ki a validator:
reference to entity “person” for which no system identifier could be generated.
Ezzel lehet valamit kezdeni?
Shamalt
2006. február 20. — 20:04:43
&-et csereld le & -ra.
Shamalt
2006. február 20. — 20:05:15
szoval. &-et csereld le & -ra
Daniel
2006. február 20. — 20:48:11
Éljen!
Köszönöm. Erre még álmomban sem gondoltam volna.
Ti honnan tudtok ilyeneket?
n2k
2006. június 22. — 12:40:24
validator kiírja ezt a panaszát általában nekem. 🙂 http://www.w3schools.com
Mefi
2006. július 22. — 12:27:48
sHelf: kitolja igen, de ha nincs mit kitolni, akkor nincs lent a lábléc, az meg szintén nem jó ugye.
Mefi
2006. július 22. — 12:27:48
Ez részben jó, köszi. Csak a JS-t kell valahogy kikerülnöm, mert szerintem az nem dizájnolásra való.
Mefi
2006. július 22. — 12:27:48
Igen. 🙂
Mefi
2006. július 22. — 12:27:48
Daniel, olvasgatni kell, bújni a forrásokat. Ajánlom figyelmedbe az alábbi oldalakat:
W3 Schools http://www.w3schools.com
tutorial.hu http://www.tutorial.hu
bien
2009. szeptember 10. — 16:39:47
Hi!
100% magasságra, van egy olyan tulajdonság, hogy display:table
tulajdonképpen ez elég sokmindenre nagyon jó megoldás ahol csak táblázattal lehetne megoldani, de azt nem szeretnénk…
természetesen ie-ben nem megy, de lentebb…
.equal {
display:table;
border-collapse:separate;
min-height:100%;
height:100%;
}
.row {
display:table-row;
}
.row div {
display:table-cell;
}
ieben pedig:
dipslay block float left és min-height:100%-al fog menni!
Mefi
2009. szeptember 10. — 21:07:05
[re=6056224]bien[/re]: és ezt már támogatja vajon az IE?
bien
2009. szeptember 11. — 19:43:05
ie 8 már igen, de előtte megoldja a min-height height 100% display block
bien
2009. szeptember 11. — 19:49:41
http://dev.karcmedia.com/paletta/index_hir.html
én most ie 7-ben tudom nézni, régi projekt, de úgy emlékszem ment 6-ban is.
ieben kiszíneztem a boxokat, láthatod, hogy lerántja egyenlő méretre!