Kom ihåg mig?
Home Menu

Menu


style="height: 100% - 38px;"

Ämnesverktyg Visningsalternativ
Oläst 2005-07-07, 21:31 #1
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
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
Tvartom är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-07, 21:53 #2
Lindahl Lindahl är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Dec 2004
Inlägg: 854
Lindahl Lindahl är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Dec 2004
Inlägg: 854
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");
}
Lindahl är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-07, 21:59 #3
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
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(
Tvartom är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-07, 22:04 #4
Lindahl Lindahl är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Dec 2004
Inlägg: 854
Lindahl Lindahl är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Dec 2004
Inlägg: 854
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.
Lindahl är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-07, 22:28 #5
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
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?
Tvartom är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-09, 03:20 #6
FredrikMHs avatar
FredrikMH FredrikMH är inte uppkopplad
Supermoderator
 
Reg.datum: Apr 2004
Inlägg: 1 501
FredrikMH FredrikMH är inte uppkopplad
Supermoderator
FredrikMHs avatar
 
Reg.datum: Apr 2004
Inlägg: 1 501
fugnerar inte margin?
FredrikMH är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-09, 13:03 #7
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
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! )
Tack FredrikMH!

Enda problemmet är att det alltid blir en scrollist , men det kan jag leva med!
/ Lasse
Tvartom är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-09, 13:05 #8
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
Tvartom Tvartom är inte uppkopplad
Medlem
 
Reg.datum: Oct 2004
Inlägg: 86
Kod:
body {
margin-top: 38px
}
#huvud {
margin-top: -38px
height: 38px;
}
#meny {
height: 100%;
}
Funkar ännu bättre!

Då försvinner scrollisten med!

Tack alla för hjälpen!
/ Lasse
Tvartom är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 05:30.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017