Avatar billede jakobdo Ekspert
20. august 2012 - 13:48 Der er 1 kommentar og
1 løsning

2 kolonne layout, men med menu som er position:fixed og med mulighed for scrollbar

Hej,
jeg er i gang med at opsætte en hjemmeside og er kommet i problemer.

Min side er opbygget som:

HEADER (position:fixed,fast højde og width:100%)
MENU (width:150px, position:fixed}
CONTENT (margin-left:150px; og ellers fylder den resten af siden)

Siden er opbygget som:

HEADER
MENU - CONTENT

Mit problem er, at min menu og content opbygges dynamisk, MENU er "bare" en indholdsfortegnelse til CONTENT via <a href="#ID">.

Men hvis der er for mange links og min "menu" bliver for "lang" så kan jeg ikke scrolle.

Nogle som har et script som kan bruges til dette?
Ligeledes vil jeg gerne have mulighed for at kunne vis/skjule indholdsfortegnelsen.
Avatar billede jakobdo Ekspert
20. august 2012 - 14:45 #1
Tror jeg løste det med at "snyde" og sætter højden på min MENU via jquery.

Måske ikke bedste løsning, men det virker.
Avatar billede olebole Juniormester
20. august 2012 - 16:20 #2
<ole>

Årsagen er sikkert den sædvanlige 'float abuse'. Menuen er formodentlig floated 'left' og fylder derfor ikke noget i sidens flow.

Den gode løsning er i så fald at give menu og content-felt display:inline-block;vertical-align:top. Så lægger de sig ved siden af hinanden ligesom andre inline elementer - men kan indeholde block elementer ... og de to containere fylder noget  *o)

Du kan godt løse det ved at sætte højden, men float er beregnet til noget andet og er ikke hensigtsmæssig til den slags løsninger. Du kunne også have clear'et din float - men det er et skidt hack  =)

/mvh
</bole>
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