100% høj i forhold til hvad ?

Har du sat din body til 100% height ?

/Goose

yes.. og html..

som sagt fylder den yderste tabel fint de 100%.. det er mere at den tabel inde i en anden celle/række (med height="93%") når jeg giver den tabel inden i 100% bliver den ikke 100% inde i den med de 93%.. men 100% i forhold til body/html.. og det skal den ikke.

relative værdier beregnes altid udfra parent-elementet, og det skal derfor have defineret en height/width hvis det skal virke efter hensigten...

altså ikke %...

det jeg mener er at man kan i være 100%-høj af

prøv at poste koden her så vi kan se...

Det er noget CMS, så det er en 1500liniers CSS og en helvedes masse moduler, det var nu også mere teorien bag jeg var ude efter, ikke kun et eksempel.

rettelse: det jeg mener er at man kan _ikke_ være 100%-høj af

sorry :o)

http://www.quirksmode.org/css/100percheight.html

jepser.. ja men jeg ønsker ikke quirksmode...

og eksemplet vise jo bare et 100% højt div..

Jeg har en tabel med flere rækker...

*jesper

jokke >>

Var mere for at vise dig hvordan de forskellige browsere opføre sig mht de atributer i hnv. qurik og standart mode...*S*
Som du kan se nederst på siden er 100% højde svært at opnår crosbrowser i andet end quirkmode....

>> "og eksemplet vise jo bare et 100% højt div.. Jeg har en tabel med flere rækker..."

Det samme gør sig gældende om det er en div eller table.... 100% højde er ikke specielt godt understøtet

Ser man bort fra IE mac buggy måde at fortolke på... så er "stric mode" +body +100% nok den bedste at bruge...ellers bliver man nød til at acepter quirkmode hvis man vil have det til at virke crossbrowser

'Strict mode' + body + html 100% sku der ha stået

det er netop det spørgsmålet hviler på.. at det er svært.. derfor oprettede jeg det.. :)

og hvis du med kyndighed kan sige det ikke kan løses.. så er er pointene dine..

Hvis du kigger i tablen nederst på linket vil du se det ikke kan lade sig gøre med 100% hiegt  i alle browsere på samme tid...
i quirk følger Safari ikke med...og i standart er det IE mac der er problemer med
Så spørgsmålet må være vilken browsere du ønsker at understøte...
Personlig ville jeg vælge Safari frem for IE mac.... Da IE mac hvist kun bruges af det fåtal af Macfolk der stadigt er på OS9

Husk at standart / quirks mode udløses af doctypen...*S*... ikke af hvordan du skriver dit CSS... ;-)

jeg er udelukket interesseret i IE/FF, alt andet har ingen interesse..

Men som sagt.. det er ikke noget problem at lave noget 100% højt.. jeg skal bare have den til at fatte at det skal være 100% mod det næste element..

Jeg har jo en celle der er 93% høj og en footer der er 7%.. jeg skal så have fyldt den 93% høje tabel ud med en tabel der har 100%... men de 100% hviler ikke op af cellen med de 93% men de 100% der ligger på body..

MHT IE så vil jeg sige at når det kommer til Mac bør denne ikke have din interesse...
Der er stor forskel på IE pc og mac.... IE mac er MEGET lidt brugt....på mac er det FF eller Safari folk bruger

Derofr jeg siger det i 07/10-2005 14:13:12

At satse på Safari i mac betyder ikke at du mister IEpc eller FF
se nederst i tabellen på linket

Vi taler vist lidt forbi hinanden..

Jeg kender fint til quirksmode siden, og mit problem står OVERHOVEDET ikke besvaret eller vist på den side..

Det er som sagt lykkedes mig at lave noget 100% højt, som quirksmode fortæller om.. Det virker fint i FF og IE som jeg ønsker, er ligeglad med safari og hvad der nu ellers findes på mac, er timelønnet, og folk gider ikke betale for at det virker på mac.

Men her kommer spørgsmålet..

Hvordan får jeg et element inde i et andet element til at fylde 100%.. jeg har en tabel der er 100% høj, med 2 rækker, en på 95% og en på 5%.. inde i den på 95% ønsker jeg at ligge endnu en tabel, denne skal også være 100% altså fylde hele rækken/cellen der er 95%.. men hvis jeg sætter den til 100%, så mener jeg at den burde ligge sig op af parent tabellen, som er 95% .. men den bliver 100% i forhold til body..

Kan dette kun løses gennem JS ? - Men ellers drop et svar som tak for din tid.

Skal det være i html 4.01 strict?

Du kan ikke bruge HTML 4.01 Transitional//EN ?

/Goose

Tjah, denne skulle fungere uanset browser (altså nyere !-) eller doctype (min. html4.01 transitional !-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 strict//EN"
    "http://www.w3.org/TR/html401/strict.dtd">
<html>
<head>
<title>Fuld højde centreret simpelt</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/520876">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/497362">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;text-align:center;}
#container{position:relative;height:100%;width:512px;margin:0px auto;text-align:left;}
#banner{position:absolute;height:125px;width:100%;background:yellow;z-index:1;}
#top1{width:100%;height:50px;background:#770;}
#top2{width:100%;height:75px;background:#707;}
#main{height:100%;background:green;}
#spacer{height:125px;}
#bottom{position:absolute;left:0px;bottom:0px;height:125px;width:100%;background:yellow;z-index:1;}
#bund1{width:100%;height:25px;background:#770;}
#bund2{width:100%;height:100px;background:#707;}
</style>
</head>
<body>
  <div id="container">
    <div id="banner">
      <div id="top1">top1</div>
      <div id="top2">top2</div>
    </div>
    <div id="main">
      <div id="spacer">Usynligt</div>
      Hovedside</div>
    <div id="bottom">
      <div id="bund1">bund1</div>
      <div id="bund2">bund2</div>
    </div>
  </div>
</body>
</html>

Takker Roenving, ked at det tog lidt længe.. ligger du et svar.. I andre skal have tak for Jeres tid.

Oki '-)

-- og tak for point ;~}