Autor Zpráva
mylan
Profil
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 *
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
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 *
dik za odpovede, našiel som to na wellstyled.com, tak musím trochu prekopať ten návrh stránky.
mylan
Profil
to som bol ja, heh;)
krteczek
Profil *
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
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
Sorry chybí mi tam jeden řádek
var d=document;
function nsthl(){
var obsah; //tenhle
Fred
Profil
Tak nic předchozí dva zápisy prosím ignorujte mám tam chybu, musím to ještě potestovat.
Fred
Profil
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
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ď. ;)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0