Avatar billede radiohead Nybegynder
28. oktober 2006 - 00:01 Der er 9 kommentarer og
1 løsning

100 procent højde i FF

Har søgt lidt herinde, men fandt ingenting.

Har det her udkast
http://www.digitaleye.dk/dtn2

Koden er vel gyldig nok..? ...men højden bliver bare ikke 100% i FF


hilfe :)
Avatar billede Slater Ekspert
28. oktober 2006 - 00:08 #1
Du skal også sætte

html {
    height: 100%;
}
Avatar billede roenving Novice
28. oktober 2006 - 00:08 #2
Tjah, men en længde (højde eller bredde) som er sat relativt, kræer, at alle omkransende elementer gives en defineret højde, og du udelader dokument-elementet html ...

-- desuden foretages en centrering i css ved hjælp af margin: auto; så du skal f.eks.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>DTN Pastoratets hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

html,body            {
                padding:0px;
                margin:0px;
                height: 100%;
                background-color:#f2f2f2;
                }
           
.main_div        {
                position:relative;
                height:100%;
                width:900px;
                                margin: 0 auto;
                }
           
.banner_div        {
                height:153px;
                background-image:url('billeder/banner.gif');
                }
           
.content_div    {
                height:100%;
                background-image:url('billeder/bg.gif');
                }
</style>
</head>
<body>
    <div class="main_div">
       
        <div class="banner_div"></div>
        <div class="content_div">
        <div style="text-align:left; margin-left:100px; color:#000000;">asælkaæslkaælk alækjaslk<br>        </div>
        </div>
       
    </div>
</body>
</html>
Avatar billede radiohead Nybegynder
28. oktober 2006 - 00:18 #3
Super.. Så blev jeg lidt klogere :)

I kan begge lægge et svar
Avatar billede roenving Novice
28. oktober 2006 - 00:23 #4
Velbekomme '-)
Avatar billede radiohead Nybegynder
28. oktober 2006 - 00:29 #5
Hey forresten... Nu er jeg nok dum...

Men den er jo egentlig mere end 100% i højden. Der er scroll i siden...?

Håber ikke jeg er bøvlet :)
Avatar billede roenving Novice
28. oktober 2006 - 00:32 #6
-- ja, for du har jo et element over den 100% høje, som er 153px, så selvfølgelig bliver siden 100% + 153px høj !-)
Avatar billede radiohead Nybegynder
28. oktober 2006 - 00:36 #7
arhh.. naturligvis :)
Avatar billede jhe-ting Nybegynder
28. oktober 2006 - 00:57 #8
Man kan læse en del om cross-browser størrelsesopmåling m.m. på:
  http://javascriptkit.com/javatutors/static.shtml
Avatar billede radiohead Nybegynder
29. oktober 2006 - 17:01 #9
Tak for det alle sammen...

viperine - Hvis du også vil have point, må du sige til :D
Avatar billede Slater Ekspert
30. oktober 2006 - 08:11 #10
Nah, det er helt fint. Roenving brugte trods alt lidt længere tid på det end jeg ;)
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