Avatar billede jacob_hs Nybegynder
08. december 2003 - 17:53 Der er 6 kommentarer og
1 løsning

Problemer med height i layout

Hej
Jeg har siddet og er ved at ekspimeret med at lave layout med ren css uden brug af tabeller:

Problemet er at jeg jeg har en "top boks" som er 80 px høj, og så vil jeg gerne have menuen i venstre side til at være 100%-80px, så der ikke kommer nogle scroolbar frem.

I kan se problematikken på: http://www.sjat.dk/css/design1.asp

Tag jer ikke af farverne, det er et rent eksperiment :)

Håber I kan hjælpe mig. Har desværre set mig blind, tror jeg?

/Jacob
Avatar billede roenving Novice
08. december 2003 - 18:05 #1
Sæt den til 100% i højden og lav så: padding-top:80px;z-index:0

-- top-boksen skal så sættes til f.eks. z-index:1 !-)
Avatar billede jacob_hs Nybegynder
08. december 2003 - 19:14 #2
Det kan jeg desværre ikke få til at virke den rykker kun menuen:

http://www.sjat.dk/css/design2.asp

Andre ideer? evt. et link?

/Jacob
Avatar billede roenving Novice
09. december 2003 - 07:26 #3
-- jeg glemte selvfølgelig at sige, at position:absolute var et must, og at alle div'er skulle placeres i top:

<style type="text/css">

body {
    margin:0px;

}
#title {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height: 80px;
    background-color:navy;
    text-align:center;
    z-index:1;
}
#venstremenu {
    position:absolute;
    padding-top:80px;
    z-index:0;
    left:0px;
    top:0px;
    width:150px;
    height:100%;
    background-color:lime;
}
#indholdet {
    height:100%;
    padding:10px;
    padding-top:80px;
    z-index:0;
    margin-top:0px;
    margin-left:150px;
    margin-right:0px;
    background-color:blue;
}
</style>
Avatar billede jacob_hs Nybegynder
09. december 2003 - 09:49 #4
Det var rart nu virker det. Bortset fra hvis indholdet fylder mere end 100% så beholder den farven men menuen er stoppet. Nogle ideer?

Kan du ikke lige smide et svar?

/Jacob
Avatar billede roenving Novice
09. december 2003 - 16:31 #5
Menuen er stoppet ?-)

-- men velbekomme '-)
Avatar billede jacob_hs Nybegynder
14. december 2003 - 18:57 #6
Tror jeg var lidt forvirret da jeg skrev den post. Tak gor hjælpen
/Jacob
Avatar billede roenving Novice
14. december 2003 - 19:01 #7
-- og tak for points ;~}
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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