CSS Tableless - Szétesés...
Hali!
Nagyban benne vagyok, h tableless oldalt kreálok. A felépítés megvan, Firefox és Opera viszi is szépen, sőt még az IE is elboldogul vele - de csak 1024-es felbontás mellett. 800x600 mellett valami oknál fogva szétesik a rendszer, és egy jó adag üres hely keletkezik a tartalomban, ami nem egy szép látvány ugye... A hiba okát nem sikerült kideríteni, így egy kis segítséget kérnék. A tesztoldal (a hiba is kijön):
http://www.freeweb.hu/gjtester/index.html
Valaki tud megoldást?
■ Nagyban benne vagyok, h tableless oldalt kreálok. A felépítés megvan, Firefox és Opera viszi is szépen, sőt még az IE is elboldogul vele - de csak 1024-es felbontás mellett. 800x600 mellett valami oknál fogva szétesik a rendszer, és egy jó adag üres hely keletkezik a tartalomban, ami nem egy szép látvány ugye... A hiba okát nem sikerült kideríteni, így egy kis segítséget kérnék. A tesztoldal (a hiba is kijön):
http://www.freeweb.hu/gjtester/index.html
Valaki tud megoldást?
1-2 pixel...
Mindazonáltal soha nem tudhatod, hogy a scrollbar milyen széles, stb. Ezért jó irányszám a 750px széles dizájnok tervezése, mert van "játéktér".
:(
tableless?
a szétesésen segítene, ha egy befoglaló divvel körbevennéd a menü és tartalom részeket és annak egy minimum szélességet adnál meg. ezzel küszöbölhetnéd azt, hogy a menü /menuside/ és a tartalom /content/ egymás alá csúszik ha nincs elég hely, ami a float: left-ből következik. (egyébként 800x600-as felbontásban ie és ff alatt sem esik még szét, csak ha kicsit csökkented a böngésző méretét. és erre nem az a megoldás, hogy akkor 750px szélesre tervezed az oldalt, mert ha én nem teljes méretben nyitom meg az ablakot, akkor úgy sem lesz jó.)
egy-két ötlet még:
- próbálj dobozokban gondolkozni, ne táblázatokban (bal oldalnak doboz, azon belül menünek egy doboz, belépésnek egy doboz)
- a menü lehetne számozatlan lista (ul li elemek)
- ne használj abszolút pozicionálást (vannak esetek mikor kell, ebben az oldalban én nem látom szükségét)
- ne legyenek felesleges tagek, amik csak a design miatt vannak /pl shadow1-6/
- az összes stílusdefiníciót rakd ki külső fájlba, pl ilyen ne legyen:
- ha már itt tartunk használhatnál strict doctype-ot
egyelőre ennyi, remélem ezzel segíteni tudok neked, nem a kedvedet szegni. ;]
gex
Ez így nem az igazi...
Egyetlen table elem található az oldalon, ennek az oka az, hogy
A menü azért nem lett lista, mert így tudtam megoldani csak, hogy ne kelljen hozzá script (még letiltott scriptek esetén is működik). A shadow1-6 tényleg a design miatt van, de ezzel kiküszöböltem két képet, és így jobbnak tűnt (bár tény, h két képpel megoldható lenne a dolog, ami viszont lassabb letöltést eredményez).
Egyébként rendkívül különös, hogy az elcsúszás nem úgy következik be, ahogy elvileg "kéne" neki: ha megadom a bordert, a teteje a felső rész alatt marad. További érdekesség, h firefox alatt semmiképp nem esik szét, hiába méretezem át az oldalt, opera alatt szintén nem, csak az IE reagálja le így. Az ok viszont rejtve marad: a címrészt és az alatt lévő tartalmat úgy tűnik a contentside aljához igazítja. Ezt, ha lemented az oldalt, és a #contentside-ba egy border-t toldasz, láthatod. De itt egy kép: http://gjtester.fw.hu/ieerror.jpg
Egyébként tényleg kösz a tippeket, pl a bokaico-nál a végén a pert nem is vettem észre:)
google segít
1. min-width-et nem ismeri ie. ha google-ben rákeresel találsz rá megoldást.
2. egyébként meg nem értem, miért akarod elkerülni a fix szélességet? fix szélességű a tartalmad, akkor az azt tartalmazó div miért nem lehet fix szélességű?
nem tudom hogyan tiltottad le a js-t, nekem js nélkül se ieben se ffben nem működik a popup menüd. egyébként az ilyen megvalósítások nem igazán függnek a html tagektől. keress rá itt weblaboron vagy google-ön, van pár menü, ami a rendes böngészőkben js nélkül is megy.
gex
Menü
menü
az olyan elrendezéseket, amilyet te is szeretnél liquid layoutnak hívják, ha erre rákeresel google-ön, találsz pár száz /ezer?/ oldalt, ami kifejezetten ezzel foglalkozik.
gex
Köszi!