100% høyde her?

-Teddy- · 18. desember 2005

Hvordan kan jeg få #content til å dekke hele siden ned til bunnen slik at jeg får border helt ned?

Har tittet på noen guider men det funket ikke, hva har jeg gjort galt?

home.no.net/teodor89/php

MC2 · 18. desember 2005

tror du må sette

html, body {height:100%;}

ikke sikker, men tror det

-Teddy- · 18. desember 2005

tror du må sette
html, body {height:100%;}
ikke sikker, men tror det

5308569[/snapback]

Sjekk koden:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<title>Jackass rygge</title>
<link rel="stylesheet" type="text/Css" href="style.css">

</head>
<body>

<div id="wrap">
<div id="header"><span class="borte">Header</span></div>
<div id="left"><span class="borte">Left</span></div>

<div id="meny">
	<a href="index.php" id="index"> <span class="borte"> Index </span>	</a>
	<a href="crew.php" id="crew"> <span class="borte"> Crew </span>	</a>
	<a href="download.php" id="download"> <span class="borte"> Download </span>	</a>
	<a href="forum.html" id="forum"> <span class="borte"> Forum </span>	</a>
</div>
<div id="right"><span class="borte">right</span></div>
<div id="top"><span class="borte">top</span></div>

<div id="content">

	<h1> Velkommen til Jackass Rygge! </h1>

	<p> Lorem Ipsum

</div>

</div>
</body>
</html>

CSS

/* -----
style.css
 ----- */
* { margin: 0; padding: 0; }

body, html{
height: 100%
}

/* -----
Bildeoppsett
 ----- */
div#header{
background: url(images/header.gif);
width: 700px;
height: 152px;
float: left;
clear: both;
}

#left{
background: url(images/left.gif);
width: 185px;
height: 50px;
float: left;
}

#right{
background: url(images/border1.gif);
width: 142px;
height: 50px;
float: left;
}

#top{
background: url(images/top.gif);
height: 38px;
width: 700px;
float: left;
clear: both;
}

/* -----
Meny
 ----- */
#index{
background: url(images/index.gif) top;
width: 74px;
height: 30px;
float: left;
margin-bottom: 20px;
}

#index:hover{
background-position: bottom;
}

#crew{
background: url(images/crew.gif) top;
width: 71px;
height: 30px;
float: left;
margin-bottom: 20px;
}

#crew:hover{
background-position: bottom;
}

#download{
background: url(images/download.gif) top;
width: 143px;
height: 30px;
float: left;
margin-bottom: 20px;
}

#download:hover{
background-position: bottom;
}

#forum{
background: url(images/forum.gif) top;
width: 85px;
height: 30px;
float: left;
margin-bottom: 20px;
}

#forum:hover{
background-position: bottom;
}


/* -----
Headers
 ----- */

h1{
color: #ff5000;
font-weight: normal;
padding-bottom: 1em;
padding-top: 1em;
}

/* -----
Diverse
 ----- */

#content{
background: url(images/border.gif) repeat-y center;
padding-top: 0px;
padding-left: 185px;
padding-right: 15px;
padding-bottom: 2em;
width: 500px;
font-family: tahoma, verdana;
font-size: 0.9em;
line-height: 1.3em;
min-height: 100%;
height: auto !important;
height: 100%;
}

p{
padding-bottom: 1em;
}

.borte{
display: none;
}

div#wrap{
width: 700px;
margin: 0 auto;
}

Loomy · 18. desember 2005

http://alistapart.com/articles/fauxcolumns/

-Teddy- · 18. desember 2005

http://alistapart.com/articles/fauxcolumns/

5308962[/snapback]

Skjønner ikke... Det står jo ikke hvordan han får den til å dekke hele siden? :confused: Lest den to ganger nå.

HJELP!

Logg inn

100% høyde her?

Anbefalte innlegg

-Teddy-

Lenke til kommentar

Videoannonse

MC2

Lenke til kommentar

-Teddy-

Lenke til kommentar

Loomy

Lenke til kommentar

-Teddy-

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer