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

hhappel Nybegynder

09. august 2007 - 11:59 Der er 10 kommentarer og
1 løsning

Container div stopper ved "bunden af skærmen" i Firefox.

Hjælp!
Jeg har et problem med nogle floated divs som er indeholdt i en container div.

Noget i denne stil:
<div id=container>
<div id=leftbox>bla</div>
<div id=rightbox>mere bla</div>
</div>

Det ser alt sammen fint ud. Men jeg hra problemer med Firefox, når indholdet i en af de nestede divs strækker sig længere ned en det første skærmbillede i browseren. Når jeg scroller, slutter min container, mens leftbox/rightbox fortsætter nedad.

Se et eksempel på CSS og HTML her: http://www.allofgreece.com/test.asp

Jeg har læst lidt om clearfix, men ved ikke om det er det jeg søger...

Synes godt om

Slettet bruger

09. august 2007 - 12:16 #1

få lige din side valideret først, der er jo igen <html> tag, der mangler også DOCTYPE

Synes godt om

hhappel Nybegynder

09. august 2007 - 12:39 #2

så skulle den være valideret... sorry!

Synes godt om

olebole Juniormester

09. august 2007 - 12:58 #3

<ole>

Hvad sker der, hvis du undlader at linke til dit stylesheet?

/mvh
</bole>

Synes godt om

kongknabe Nybegynder

11. august 2007 - 17:07 #4

Du skal ændre følgende på din container div:

min-height: 100%;
height: auto;

At det virker i IE og ikke i Firefox skyldes faktisk en fejl i IEs måde at tolke CSS på :-)

Synes godt om

kongknabe Nybegynder

11. august 2007 - 17:09 #5

Og jo - clearfix er i øvrigt også nødvendigt for at få det til at virke i Firefox (Safari og andre browsere der forstår css rigtigt) :-) (Floatede elementer "fylder" ingen ting i højden eller bredten, så med mindre du tilføjer clearfix - der løser dette - har din container ingen højde/bredte fra de nestede elementer at udregne sin egen højde ud fra når den er sat til auto)

Synes godt om

kongknabe Nybegynder

11. august 2007 - 17:21 #6

Og lige en til... Det er spild af tid, og ikke længere nødvendigt at tage hensyn til IE-Mac.. M$ har stoppet udviklingen af den for lang tid siden, og du ikke downloade den længere... :-)

Synes godt om

hhappel Nybegynder

13. august 2007 - 00:31 #7

Kongknabe- det var præcis det, der skulle til! Tak... Sender du lige et svar afsted, så du kan få dine point?

Synes godt om

kongknabe Nybegynder

13. august 2007 - 00:44 #8

Det var så lidt - Går ikke så meget op i de der point så behold du bare dem selv :-)

Synes godt om

kristianatk Nybegynder

23. august 2007 - 17:59 #9

Hejsa,

Det problem her har også taget mig lang tid at knække, til andre i min situation tjek det her:

Remind the containing block to wrap its children using the overflow property. Example code where #inner is floated:

<div id="outer">
<div id="inner">
<p>big floating contents</p>
</div>
<p>Main Content</p>
</div>
Set the outer's style to:

#outer { overflow: auto; }

Det var overflow:auto der gjorde tricket for mig, sammen med alt det der står ovenfor.

(sakset fra http://css-discuss.incutio.com/?page=ClearingSpace)

Synes godt om

kristianatk Nybegynder

23. august 2007 - 18:02 #10

...og endnu en lille tilføjelse, overflow:hidden gemmer grimme scrollbars i IE og virker i firefox og safari også :)

Synes godt om

hhappel Nybegynder

07. juni 2011 - 11:10 #11

Lukket

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
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
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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