Avatar billede simonkampmann Nybegynder
06. august 2008 - 17:13 Der er 6 kommentarer

Indhold float efter menu - hvordan?

Hej

jeg er ved at lave et site hvor indholdet floater og placere sig altid 40px under nederste menulinie.

Jeg har en menu med droplines - når et emne vælges kommer der en ny linie nedenunder. Menuen ligger i en  div og indholdet nedenunder ligeledes. Der er lidt css hover ind over også og JS til IE, men det burde ikke være som afgjorde det.

Se casen her: www.11design.dk/sydbank
Klik: Sydbank --> Profil --> Grundelelementer --> Logo --> Størrelser

Som I kan se ligger div="content" samme sted nu - fixed. men hvordan får jeg den til at følge menuens størrelse?

på forhånd tak.
Avatar billede w13 Novice
06. august 2008 - 17:18 #1
Hmm. Måske med noget style="clear:both" sidst i menukoden? Jeg ved det ikke helt, da jeg ikke kan overskue koderne.
Avatar billede roenving Novice
06. august 2008 - 17:19 #2
Der er da et eller andet galt med den menu, flere menu-linjer forsvinder lige pludselig, og kommer så tilbage i forkert farve m.m.m. (IE6 !-)

-- men kan du ikke bare lægge et omkransende element om menuen og så sætte en clear-div sidst i det element ?-)
Avatar billede simonkampmann Nybegynder
06. august 2008 - 17:46 #3
Hej

tak for svar. Beklager forvirringen - jeg har nok siddet og roddet med css samtidigt men du har kigget.

Jeg har lagt en div id=clear-div ind i dv id=menu og givet den css clear:both; . Det har desværre ikke hjulpet. er det det I mener?

Håben en venlig sjæl kan hjælpe.
Avatar billede roenving Novice
06. august 2008 - 23:00 #4
prøv at bruge class="clearDiv" og en tilsvarende klasse i din css: .clearDiv{clear:both;line-height:0;font-size:0;}

<div class="clearDiv">&nbsp;</div>
Avatar billede simonkampmann Nybegynder
06. august 2008 - 23:21 #5
Hej igen.

God bud! Sagen er bare, at den div som indeholder navigationen ikke udvider sig med indholdet. Jeg tror det skyldes at der bruges en position absolute som ødelægger floated. Men den kan ikke umiddelbart slettes da stylingen ryger.

Hmm. Håber du/I har et andet bud?

S
Avatar billede roenving Novice
09. august 2008 - 12:48 #6
-- en cleardiv efter et floated element vil inddrage det floatede element i det almindelige dokument-flow, mens absolut positionerede elementer aldrig kan puttes ind i dette flow, og må klares på andre måder (en af måderne er at bruge 'skygge'-elementer, som holdes indenfor flowet, men skjules bagved de absolutte !-)
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