html - height: 100%; ??? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #11606 @ 14.05.07 21:43

Hejsa

! Jeg er igang med lave et design og der vil jeg gerne have en box som skal starte fra toppen og går helt ned i bunden.. jeg har skrevet height 100%; i min css kode men den går ik helt ned i bunden.. Hvorfor?

Her er min kode:

Kode

body {
	font-size: 9px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	background-image: url(design_images/background.jpg);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}#ramme {
	margin-right: auto;
	margin-left: auto;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	height: 100%;
	width: 800px;
}

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

Sorter efter stemmer Sorter efter dato

Bruger #6528 @ 14.05.07 22:42

255

Kode

html, body {
	font-size: 9px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	background-image: url(design_images/background.jpg);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
        height: 100%;
        display: block;
}#ramme {
	margin-right: auto;
	margin-left: auto;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	height: 100%;
	width: 800px;
        display: block
}

Prøv sådan

Indlæg senest redigeret d. 14.05.2007 22:42 af Bruger #6528

Bruger #2126 @ 15.05.07 07:27

215

Det burde næsten komme ind under FAQ, for der bliver da ofte spurgte om, hvordan man gør?

Bruger #12072 @ 06.07.07 15:43

height: 100%; er ikke understøttede af de normale doctypes (html 4.1, xhtml 1.x eller xml), her skal du have fat i en eller anden form for javascript der går ind og placere elementet (eller ændre på elementets højde) for dig.

Bruger #12754 @ 07.11.07 04:35

Husk at der helst skal max-height på også.

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Height 100%</title>

<style>

html { 
height: 100%;
max-height: 100%;
}

body {
height: 100%;
max-height: 100%;
margin: 0;

}

</style>

</head>

<body style="background:#000066">

	<table cellpadding="0" cellspacing="0" width="800" height="100%" align="center" style="background: #0066FF">
    <tr>
    <td style="color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center">
	Dette er en side i height 100 %...
    </td>
    </tr>
    </table>

</body>
</html>

Indlæg senest redigeret d. 07.11.2007 04:36 af Bruger #12754

Bruger #2730 @ 16.05.07 08:57

1.626

Du skal også huske at sætte din doctype, elles kører du i quirks mode... og det skal også være en doctype der understøtter 100% højde på html og body

Bruger #2730 @ 16.05.07 08:57

1.626

Du skal også huske at sætte din doctype, elles kører du i quirks mode... og det skal også være en doctype der understøtter 100% højde på html og body

height: 100%; ???

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler