Avatar billede radiohead Nybegynder
16. november 2006 - 15:03 Der er 10 kommentarer og
1 løsning

Stort problem med 100% height

Jeg har et kæmpe problem med at få højden til at blive 100% i alle browsere.

Lad os sige jeg har en masse tekst på siden, som er fyldere mere end 100% - Så skal baggrunden strække sig ud alt efter mængden af indhold..

IE 6.0 er den eneste browser der gør det rigtigt(eller forkert :) )
Den strækker altså baggrunden ud.

I Firefox og IE 7.0 stopper baggrunden brat ved de 100% -
hvis der så er mere indhold på siden end 100%, bliver det skubbet ud over baggrundens kant... hvis i forstår.


Nå.. Et billede siger mere end tusind ord :)

http://www.digitaleye.dk/exp/test.jpg



HTML og body er sat til 100%

Selve containeren hvori der ligger noget indholdet, er også sat til 100%.


Håber i forstår!
Avatar billede radiohead Nybegynder
16. november 2006 - 15:48 #1
Nu har jeg lavet et grimt, grimt asp-hack i selve stylesheetet, og nu virker det i alle de browsere jeg har testet..

Men kom glad - Det er ikke ret holdbart det jeg har lavet :D
Avatar billede radiohead Nybegynder
16. november 2006 - 15:58 #2
Hvis det kan hjælpe jer, er det et "float:left element" der er problemer med...
Avatar billede kinderaeg Nybegynder
16. november 2006 - 16:06 #3
Og du har lavet et clear: both; element til sidst?
Avatar billede radiohead Nybegynder
16. november 2006 - 16:09 #4
det har jeg prøvet men fungerede ikke
Avatar billede radiohead Nybegynder
16. november 2006 - 16:11 #5
Jeg ved ikke hvad jeg har gjort anderledes nu (synes jeg har prøvet 1000 ting), men nu virker det.. tror jeg.. eller også et jeg bare blevet usandsynligt forvirret...


Lader lige spørgsmålet stå åbent hvis det alligevel ikke skulle virke...

Nu holder jeg en pause for at cleare hjernen..
Avatar billede jokkejensen Novice
16. november 2006 - 16:17 #6
Det er et clear element der har skabt problemerne.

/JJ
Avatar billede notes2c Nybegynder
16. november 2006 - 19:08 #7
Det vil gøre det lidt nemmere hvis du lægger et link eller viser din kode...
Avatar billede roenving Novice
17. november 2006 - 01:03 #8
De fleste browsere tager faktisk en sådan angivelse alvorligt, og giver altså selve elementet en størrelse på 100% af det omgivende elements højde, som har en højde på 100% af skærmhøjden ...

IE tolker desværre den slags dynamisk, altså som om angivelsen i virkeligheden er min-height (som den så slet ikke forstår !-(

-- så løsningen må altså være, at IE (og dens uvidende konsorter) får height:100%, andre browsere min-height:100%; ...
Avatar billede radiohead Nybegynder
18. november 2006 - 18:53 #9
Hmm... det her fungerer... ?

html, body        {
            margin:0px;
            padding:0px;
            height:auto;
            min-height:100%;
            }
.container        {
            font-family:arial;
            font-size:11px;
            color:#575757;
            height:100%;
            overflow:hidden;
Avatar billede radiohead Nybegynder
18. november 2006 - 18:53 #10
i både ie6, ie7 og ff
Avatar billede radiohead Nybegynder
14. december 2006 - 16:55 #11
lukker
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