Autor | Zpráva | ||
---|---|---|---|
mylan Profil |
#1 · Zasláno: 17. 1. 2005, 13:47:55
Zdarec. Potreboval by som poradiť. Začal som robiť jednu stránku o ranči, no neviem, ako mám urobiť, spodné zarovnanie divov obsahu a menu. Konkrétne, tu je základ stránky: http://ranc.bestoldgames.net/. Prosím poraďte, ako automaticky zarovnávať dolnú stranu divu k tomu ľavému divu(aby sa div roztiahol na celú dĺžku), poprípade, ak bude obsah dlhší, tak naopak. Dik!
|
||
mracek Profil * |
#2 · Zasláno: 17. 1. 2005, 23:50:50
Ty chces, aby div s obsahom bol vysoky prave tak ako je menu, alebo vatsi?
Udaj minimalnu vysku. Inac divy nejde horizontalne dat rovnako pomocou klasickych easy metod. Mozes urobit: - stanovit min vysku - stanovit vysku a overflow - dat div ako display: table (blizsi popis pomocou googlu, neviem) - mozno by sa to dalo urobit aj pozicovanim - a mozno inac Inac viz www.jakpsatweb.cz sekce CSS pak Priklady pak dvou a trisloupcovy layout |
||
Yuhů Profil |
#3 · Zasláno: 18. 1. 2005, 13:08:06
mylane, problém, který nastiňuješ, nemá v klasickém CSS řešení.
Mrkni na wellstyled.com pro příklad Pixiho sloupcového layoutu se stejnou výškou. |
||
Anonymní Profil * |
#4 · Zasláno: 18. 1. 2005, 16:40:12
dik za odpovede, našiel som to na wellstyled.com, tak musím trochu prekopať ten návrh stránky.
|
||
mylan Profil |
#5 · Zasláno: 18. 1. 2005, 16:40:43
to som bol ja, heh;)
|
||
krteczek Profil * |
#6 · Zasláno: 18. 1. 2005, 18:50:18
Ahojky,
Tento problém se dá řešit velmi elegantně právě tabulkou, ne nijak rozložitou ale jednoduchou, návod a zdůvodnění proč to je lepší v některých případech je na: http://www.vitdlouhy.cz/weblog/2004/06/3-stejne-vysoke-sloupce-tabulky -jsou-vhodnejsi.html krteczek |
||
Fred Profil |
#7 · Zasláno: 18. 1. 2005, 20:39:36
No jestli nechceš zasahovat do sémantiky a nevadí javascript, tak pro tu část co jej má povolen by to šlo v tomhle případě řešit takhle.
var d=document; function nsthl(){ var lft=d.getElementById('left').scrollHeight; lft+="px"; obsah+="px"; if (lft>obsah){ d.getElementById('obsah').style.height=lft; } else { d.getElementById('obsah').style.height='auto'; } } //onload funkce www.scottandrew.com/weblog/articles/cbs-events function addEvent(obj,evType,fn){ if(obj.addEventListener){ obj.addEventListener(evType,fn,true); return true; }else if(obj.attachEvent){ var r = obj.attachEvent("on"+evType, fn); return r; }else{ return false; }} addEvent(window, 'load', nsthl); addEvent(window, 'resize', nsthl); Ty kdo by ho měli vypnutý viděli by to tak jak to je teď. |
||
Fred Profil |
#8 · Zasláno: 18. 1. 2005, 20:42:19
Sorry chybí mi tam jeden řádek
var d=document; function nsthl(){ var obsah; //tenhle |
||
Fred Profil |
#9 · Zasláno: 18. 1. 2005, 21:15:52
Tak nic předchozí dva zápisy prosím ignorujte mám tam chybu, musím to ještě potestovat.
|
||
Fred Profil |
#10 · Zasláno: 18. 1. 2005, 21:33:33
Tak tohle je už otestovaný
var d=document; function nsthl(){ var lft=d.getElementById('left').offsetHeight; var obsah=d.getElementById('obsah').offsetHeight; if (lft>obsah){ d.getElementById('obsah').style.height=lft+'px'; }} //onload funkce www.scottandrew.com/weblog/articles/cbs-events function addEvent(obj,evType,fn){ if(obj.addEventListener){ obj.addEventListener(evType,fn,true); return true; }else if(obj.attachEvent){ var r = obj.attachEvent("on"+evType, fn); return r; }else{ return false; }} addEvent(window, 'load', nsthl); addEvent(window, 'resize', nsthl); |
||
mylan Profil |
#11 · Zasláno: 19. 1. 2005, 10:52:35
dik, mrknem na to,určite sa mi to zíde, ale teraz budem musieť použiť zrejme pixyho variantu, pretože to mám na zápich(tak som sa konečne donutil poriadne sa pozrieť na xHTML) a máme to mať validné, bez tabuliek na layout, atď. ;)
|
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0