WN - style="height: 100%

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - style="height: 100% - 38px;" (https://www.wn.se/forum/showthread.php?t=8816)

Tvartom

2005-07-07 21:31

Hej!
Skulle vilja ha en div från där den början på sidan (Några pixlar ner på sidan) till längst ner på sidan.

Kod:

<html>



<div id="huvud" style="height: 38px">Mitt sidhuvud...</div>

<div id="meny" style="width: 150px; height: Nästan 100%">

Min meny..

</div>

Height på meny skall med andra ord vara 100% minus huvud:s 38px.

Går detta att lösa på nåt snyggt sätt, utan javascript?

/ Lasse

Lindahl

2005-07-07 21:53

Har för mig att jag sett nån lösning som funkar i IE som ser ut ungefär såhär:

Kod:

#meny {

  width: 150px;

 * *height:expression(document.body.clientHeight-38+"px");

}

Tvartom

2005-07-07 21:59

Citat:

Originally posted by Baltiz@Jul 7 2005, 20:53

Kod:

#meny { width: 150px; height:expression(document.body.clientHeight-38+"px"); }

Tack Baltiz
Funkar klockrent i IE...

Att stödja Firefox är dock ett krav... :o(

Lindahl

2005-07-07 22:04

Firefox har ju max-height och såna css-egenskaper, den koden jag skrev är en vanlig IE-workaround för just det. Testa med max-height och min-height och se om du inte kan åstadkomma det du vill även i Firefox.

Tvartom

2005-07-07 22:28

Citat:

Originally posted by Baltiz@Jul 7 2005, 21:04
Testa med max-height och min-height och se om du inte kan åstadkomma det du vill även i Firefox.

Googlade och funderade lite... men kan inte komma på nån lösning!
Det är inte max- eller min-height jag vill ha, utan en fast höjd, förhållande till fönstrets storlek.
Några andra förslag?

Jag fundera på att lägga in hela sidan i en div med height: 100%;
Finns det något sätt att få meny-diven till att fylla ut hela denna på höjden?

FredrikMH

2005-07-09 03:20

fugnerar inte margin?

Tvartom

2005-07-09 13:03

Citat:

Originally posted by FredrikMH@Jul 9 2005, 02:20
fugnerar inte margin?

Nä... höll jag på att skriva... jag har ju testat allt tänkte jag...

Men nopp...

Kod:

body {

 margin-bottom: 38px

}

#huvud {

 height: 38px;

}

#meny {

 height: 100%;

}

funkar ju! :o)
Tack FredrikMH!

Enda problemmet är att det alltid blir en scrollist , men det kan jag leva med!
/ Lasse

Tvartom

2005-07-09 13:05

Kod:

body {

margin-top: 38px

}

#huvud {

margin-top: -38px

height: 38px;

}

#meny {

height: 100%;

}

Funkar ännu bättre!

Då försvinner scrollisten med! :D

Tack alla för hjälpen!
/ Lasse

Alla tider är GMT +2. Klockan är nu 00:34.