Avatar billede scorpe Nybegynder
05. november 2007 - 21:22 Der er 3 kommentarer

CSS højde, hjælp!

Hej! Jeg har sprunget ud at skulle lave mit første design uden
tabeller ved hjælp af DIVs. Sitet ser sådan ud indtilvidere:
http://www.kbosoftware.frac.dk/
Problemet er at jeg vil have siden til at fylde hele browserens højde. Men jeg kan bare ikke få det til at virke :)

Style.css:

body{
    margin:0 auto;
    padding:0px;
    color:#000000;
}

#content{
    background-color:red;
    width:500px;
    height:400px;
    margin:0 auto;
}
#container{
    width:500px;
    margin:0 auto;
}

#menu{ 
    width:372px;
    height:128px;
    background:blue;
    float:right;
}

#logo{ 
    width:128px;
    height:128px;
    background:yellow;
    float:left;
    background-image:url(gfx/Logo/KBO_Software_green_gif.gif)
}

#footer{clear:both;display:none;}

Index.htm:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Untitled Document</title>
        <style type="text/css">
            @import url('style.css');
        </style>
    </head>
       
    <body>
    <div  id="content">
                Brødtekst
            </div>
    <div id="container">
                <div id="menu">
                menu?!
            </div>
                <div id="logo">
            </div>
    </div>
    <div id="footer"></div>
    </body>
</html>

Håber i kan hæjlpe!
MVH Kasper
Avatar billede soerenlyn Nybegynder
05. november 2007 - 21:44 #1
Sæt en height:100% på din body ... og hvis det ikke virker, så også på html..
Avatar billede soerenlyn Nybegynder
05. november 2007 - 21:44 #2
måske også på #content :)
Avatar billede roenving Novice
21. november 2007 - 14:37 #3
Prøvede du det soerenlyn foreslog (du skal dog sætte et element udenom hele baduljen !-)

<body>
<div id="site">
  content, container og footer
</div>
</body>

Style.css:

html,body{
  height:100%;
  margin:0;
  padding:0;
}
body{
    color:#000000;
}
#site{
  height:100%;
  width:500px;
  margin: 0 auto;
}

#content{
  ...
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