CSS: a tartalomhoz dinamikusan igazodó magasságú menü
Sziasztok!
Lehet, hogy nagyon alap kérdés, de a válaszra még nem jöttem rá. Azt szeretném, ha az oszlopok magassága ugyanakkora legyen, mint a legmagasabb oszlopé, és ez dinamikusan változzon, ahogy a tartalom nő vagy csökken. Példaként álljon itt ez az oldal. Itt a bal és a jobboldali oszlop ugyanolyan magas, mint a középső tartalmi rész.
Végső elkeseredésemben már odáig eljutottam, hogy az oldal forrását is lemásoltam, de nem azt kaptam vissza, amit az oldalon láthatunk.
■ Lehet, hogy nagyon alap kérdés, de a válaszra még nem jöttem rá. Azt szeretném, ha az oszlopok magassága ugyanakkora legyen, mint a legmagasabb oszlopé, és ez dinamikusan változzon, ahogy a tartalom nő vagy csökken. Példaként álljon itt ez az oldal. Itt a bal és a jobboldali oszlop ugyanolyan magas, mint a középső tartalmi rész.
Végső elkeseredésemben már odáig eljutottam, hogy az oldal forrását is lemásoltam, de nem azt kaptam vissza, amit az oldalon láthatunk.
js, de mukodik
Táblázat
+1
<table class="structural">sokkal olvashatóbb és áttekinthetőbb, mint a divben a divben a divben a div szerkezet.Majd ha implementálják IE-ben
display:table-cellakkor lesz érdemes és kényelmes megválni a strukturális táblázatoktól.Ütöm tovább a vasat
Háttérszinek
Van még egy, amikor a borderekkel és a positionökkel játszol, de az megint hackelés.
Óh!
A táblázatokat nem szeretem, én már a webszerkesztés elsajátításától kezdve div-eket és CSS-t használtam. Táblázatot max a MediaWikiben.
Táblázat vs...
Ami a HTML-CSS kombót illeti, ha oda jutsz, hogy nagyobb szívás megcsinálni CSS-sel, a HTML markupod is átláthatatlan lesz és még a tetejébe instabil lesz a működés (széthullik bizonyos böngésző alatt vagy bizonyos körülmény hatására) akkor szerintem, nem érte meg a CSS-t eröltetni.
Lehet táblázatokat használni, ha úgy jobb, tisztább, átláthatóbb lesz a kód. Csak CSS-sel kell megformázni és akkor kevés a sallang a HTML-ben.
Liquid Faux Columns
Update: esetleg ez a cikk is jól jöhet.
Tényleg faux...
Szerintem ebben nincs hack.
Remélem jót írtam és ilyesmi volt a kérdés :-) Van aki tényleg jobban szereti a table-t, de én sem szeretem. Úgyhogy veled vagyok! :-)
Köszönet mindenkinek!
Amit proclub írt, az még nekem kínai, de legalább már tudom, hogy merre tapogatózzak tovább.
Geek text
Ez itt
Tűzbogárkám van az FF-ben, de nem biztos, hogy erre gondoltál. :) A többi valóban olyasmi, ami az én szakmámban (joghallgató volnék) nem ismert.
Firebug
Ez azért lényeges, mert ha megnézel egy optimalizálatlan és egy optimalizált változatot egy nagyobb oldalból, nagyságrendei különbségek vannak a sebességben. (Mondjuk 5 sec vs 500 msec mobilinterneten.) Nyilván Te is szeretnéd, hogy a látogatóidnak minél kellemesebb, "gyorsabb" élménye legyen, ezért érdemes erre odafigyelni, valamint a szerver üzemeltetője sem fog haragudni a kevesebb sávszélesség felhasználásért. :)
A betöltés optimalizálása szemszögéből fontos szabályokat egyébként itt találod meg: http://developer.yahoo.com/performance/rules.html (ha tudsz angolul).
Szerintem a fejlesztőeszközök megérnének egy dumcsit.
OFF: Valóban
"Könyvjelezve"
Sokat tanultam ma. Hálám és köszönetem! :)
Miért is?
Ettől függetlenül, a GZip-et rákapcsolhatod vagy szerver oldalon vagy mod_negotiate-el. (Én ez utóbbit választottam, viszont nem volt triviális beállítani.)
Egyébként credit goes to Felhő, ő mutatta meg az emlegetett oldal könyv formáját. :)
átláthatatlan
A végső érvem viszont az, hogy telepítettem egy olyan kiegészítőt, amivel az egyes lapokhoz lehet stílusfájlt csatolni. Ezt semmiképpen sem tudom egyesíteni a fő css-ekkel.