ugrás a tartalomhoz

div height tulajdonság opera,ie

qwk · 2006. Nov. 19. (V), 19.16

body
{
	margin:0;
	padding:0;
	background-image: url("bg.gif");	
}

#maincontainer
{
	width: 900px; 
	margin: 0 auto; 
}

#contentwrapper
{
	float: left;
	width: 100%;
}

#contentcolumn
{
	margin: 0 18px 0 19px;
	background: #f0f0f0;
	height: 100%;
}

#leftcolumn
{
  float: left;
	width: 19px; 
	margin-left: -900px; 
	background-image: url("left.jpg");
        height: 100%;
}

#rightcolumn
{
	float: left;
	width: 18px; 
	margin-left: -18px; 
	background-image: url("right.jpg");
	height:100%
}


<div id="maincontainer">


<div id="contentwrapper">
<div id="contentcolumn">
</div>
</div>

<div id="leftcolumn">

</div>

<div id="rightcolumn">
</div>

</div>

</body>
Szóval lenne egy olyan problémám, hogy a div-en belül a height tulajdonság (100%) csak FireFox-ban működik jól. Próbáltam az Expression-t
( height: expression((documentElement.clientHeight < 500) ? "480" : "768");), de ez csak IE alatt működött, illetve szerintem ez nem igazán jó mert annyi fajta felbontás van, hogy 10 feltételt nem akarok egybeágyazni.

A másik gondom, hogy úgy szeretném, ha a látható tartalomnál kisebb a generált tartalom, akkor csak a képernyő aljáig húzza le a tartalmat. Ez alatt azt étrem , hogy mindenkinek más a látható tartalom, mert akinek kintvan több eszköztár annak is más a látható tartalom és akinek nem nincs annak is más. Tehát a pixeles számolgatos ezért nem tetszik.

Próbáltam így is, hogy: document.body.clientHeight, de erre se reagált az opera, amiből amúgy asszem a legújabb van fent (9.02)?

Erre létezik valami megoldás esetleg js-ből kéne álítani vagy maradjak a táblázatos megoldásnál?
‹ Clear: left és padding Totális böngészőfüggetlenség ›
 ■
1

Próbáld ezt:

beef · 2006. Nov. 20. (H), 16.05
document.body.clientHeight
helyett a 
window.innerHeight
-et, nem emlékszem, hogy Operában melyik a jó, de kizárásos alapon amit írtam :)
2

hm

noocx · 2006. Nov. 21. (K), 10.32
Szia!

Az miert nem jo ha az aktualis tartalom hatarozza meg az oldal magassagat ?

ui.: bocs, ez nem a te kommentedre kerdes beef

</noocx>
3

hossz

qwk · 2006. Nov. 22. (Sze), 14.48
Mert így szeretném megcsinálni, csak nem sikerült... De max annyi, ha tényleg nem lehet akkor táblázatokkal, de jobban szeretném divekkel megoldani...
Másrészt szerintem a design miatt igy jobban néz ki...
4

Egy oldal nem attol fog..

noocx · 2006. Nov. 22. (Sze), 20.28
Egy oldal nem attol fog jol kinezni mert te szepen megrajzolod es utana alakitod hozza a tartalmat, hanem attol mert normalisan el van rendezve a tartalmad van mogotte iawork es szepen egybe van az oldal amit a designnal meg jobban alatamasztasz es erositesz, elosegitve vele a mondandod megjobb kommunikaciojat, es nem forditva.

ui.: kivancsi vagyok mikor lesz vege ennek a tablazat -vs- div haborunak es mikor fogtok rajonni, hogy a hangsuly nem azon van hogy te divet vagy tablazatot hasznalsz-e, hanem azon hogy mire hasznalod oket, a szemantikussagan es egyeb oly sokszor reszletezett elonyein a helyes markupodnak, ennek olvass inkabb utana ahelyett hogy mindenfele rossz peldakat kovetsz

kezdheted itt:

http://brainstormsandraves.com/articles/semantics/structure/
http://www.motive.co.nz/glossary/markup.php
http://www.ermanz.govt.nz/news-events/archives/presentations/semantichtml.html
http://tantek.com/log/2002/12.html#blog20021228t1059
http://www.communitymx.com/content/article.cfm?cid=0BEA6
http://www.informit.com/articles/printerfriendly.asp?p=369225&rl=1
http://www.digital-web.com/articles/writing_semantic_markup/

és még egy kis olvasnivaló:

http://www.digital-web.com/
http://alistapart.com/

</noocx>
5

köszi

qwk · 2006. Nov. 23. (Cs), 01.05
Persze igazad van. Csak gondoltam, hogy a mai szlenggel élve "trendi" legyek div-el oldlom meg, amúgy semmi bajom a táblázatokkal. Megcsinátam amit akartam, ahogyan akartam, aztán meg jött a felháborodás, hogy ff alatt normális és IE valamit Opera alatt meg nem és elegem van, hogy az utobbi kettő nem megfelelően követi a css szabványokat... Kösz amiket írtál, elolvasgatom.