html - Det evige problem - height 100% - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #8254 @ 27.07.08 13:14

Hej alle sammen.

Som emnet siger, så har jeg et problem med height 100%.

Jeg ønsker et design som følger disse billeder:
http://www.iosoftgame.com/100/100-1.png
http://www.iosoftgame.com/100/100-2.png

Det sidste er sådan jeg vil have det til at se ud i de flest browsere (udover pilene).

Jeg er helt på bar bund her, så jeg har håber virkelig at der er en som kan hjælpe mig.

PS Det er bare html + css koden er jeg ude efter

3 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #3275 @ 27.07.08 13:34

1.736

Har du prøvet det her?

Kode

html
{
  height: 100%;
}

body
{
  height: 100%;
}

Bruger #8254 @ 27.07.08 13:46

280

Ja, Jonas, det har jeg

Jeg kan bare ikke rigtig få det til at virke

Bruger #8254 @ 27.07.08 13:50

280

Men nu har jeg selv fundet ud af det

Du skal dog have mange tak for det hurtige svar

Hvis nogle skulle være interesseret i svaret, så er her koden:

HTML kode

 <!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" xml:lang="en" lang="en">
 <head>
     <title>New document</title>
 <style type="text/css">
 html, body {
     height: 100%;
     margin: 0px;
     padding: 0px;
     font-family: Arial;
     font-size: 12px;
     background-color: #EBFFD7;
 }
 
 #wrap {
     height: 100%;
     width: 790px;
     margin: 0 auto;
     border: 1px solid #99CC01;
     border-bottom: 0px;
     border-top: 0px;
     background-color: #FAFFF2;
 }
 #banner {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100px;
     background-color: #99CC00;
 }
 #content {
     width: 100%;
     padding: 5px;
     padding-top: 105px;
 }
 </style>
 </head>
 
 <body>
 
 <div id="wrap">
     <div id="content">
         Lidt indhold her xD
     </div>
 </div>
 <div id="banner">This is a test</div>
 
 </body>
 </html>

Indlæg senest redigeret d. 27.07.2008 13:55 af Bruger #8254

Det evige problem - height 100%

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler