CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

don_q Nybegynder

09. september 2009 - 11:05 Der er 6 kommentarer og
1 løsning

Højde på menu

Hej Eksperter

Jeg har en div med en menu. Jeg kan jo sagtens angive height. Problemet er at denne skal være forskellig alt efter hvilken side man er på.

Kan man på nogen måde få div'ens height til at gå hele vejen til bunden af siden (alt efter hvilken siden man er på)? Evt. hvordan? Har leget lidt med min&max-height, men det fungerer ikke rigtigt..

På forhånd tak.

Synes godt om

cambiare Nybegynder

09. september 2009 - 11:33 #1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page title</title>

<style type="text/css">
body , html {
height: 100%;
margin: 0px; }
#menu {
width: 100px;
background: red;
height: 100%; }
</style>

</head>

<body>
<div id="menu">
asd
</div>
</body>

</body>
</html>

Den her kode virker for mig!

Synes godt om

don_q Nybegynder

09. september 2009 - 12:04 #2

Men her gør height: 100%; jo kun at menuen bliver skærmens højde... Hvis nu min side er 2000px høj og min skærm kun er 1000px høj så giver height: 100%; en menu på 1000px. Det jeg skal bruge er en på 2000px.

Giver det mening?

Synes godt om

cambiare Nybegynder

09. september 2009 - 12:45 #3

Ja! Det kan jeg godt se. Har prøvet at arbejde lidt med det og det virker ikke umiddelbart til at kunne lade sig gøre.. Kan jeg se opbygningen af siden så man evt. kan arbejde med en anden måde at gøre det på?

Synes godt om

don_q Nybegynder

09. september 2009 - 12:54 #4

Jeps selvfølgelig.

http://www.thediningroom.dk/tdr/

Det er menuen i venstre side jeg gerne vil have til at følge med "main"-siden.

Tænker på om der ikke er en funktion der bare hedder float nedad eller sådan noget :-)

Synes godt om

saudoo Nybegynder

11. september 2009 - 13:23 #5

Den letteste måde er at give det element der indeholder menuen en position, f.eks. relative og en margin-left der er samme størrelse som menuens bredde.
Menuen sætter du så til position: absolute og height: 100%

Synes godt om

saudoo Nybegynder

11. september 2009 - 13:23 #6

Hov nej.. Indholdet der er til højre for menuen skal have margin-left, ikke div'en der indeholder menuen.. :)

Synes godt om

saudoo Nybegynder

14. september 2009 - 14:25 #7

Du behøver ikke være bange for at jeg vil tage dine points. :) Vil bare hjælpe!

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS