height: 100%; blir for høy. :-)

-Teddy- · 15. oktober 2006

Dette pleier jeg jo enkelt å fikse med å sette en negativ margin eller padding på en eller annen boks i bunn, men i dette tilfellet virker det ikke. Kan noen ta en titt på siden?

http://spinning-aliens.com/teodor/

HTML:

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Teddyen.net - Index</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrap">

<div id="tribal"><span class="borte"> </span></div>
<div id="header"><span class="borte"> </span></div>
<div id="skisse"><span class="borte"> </span></div>

<a id="web" href="index.php"><span class="borte"> </span></a>
<a id="foto" href="foto.php"><span class="borte"> </span></a>
<a id="lekeplass" href="lekeplass.php"><span class="borte"> </span></a>
<a id="profil" href="profil.php"><span class="borte"> </span></a>
<a id="kontakt" href="kontakt.php"><span class="borte"> </span></a>
<div id="menyplass"><span class="borte"> </span></div>

<div id="content">
	<div id="skisse2"><span class="borte"> </span></div>
	<div id="topboks">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras luctus hendrerit felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean id ante. Aliquam diam. Duis sapien purus, cursus lacinia, faucibus ac, dignissim a, eros. Donec molestie, nisi at pellentesque egestas, turpis orci suscipit tortor, ut mattis nisl tortor nec orci.</div>

	<p>
	Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst 
	</p>
	<p>
	Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst 
	</p>
	<p>
	Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst 
	</p>
	<p>

	Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst 
	</p>
	<p>
	Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst Vanlig tekst 
	</p>
</div>

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

CSS:

Skjult tekst: (Marker innholdet i feltet for å se teksten):

/* --------
teddyen.net - stylesheet
------- */

* {
margin: 0px;
padding: 0px;
}

body, html{
height: 100%;
min-height: 100%!important;
}

#wrap{
height: 100%;
min-height: 100%!important;
}

#content{
height: 100%;
min-height: 100%!important;
}

.borte{
display: none;
}

#wrap{
width: 858px;
}

#tribal{
background: url(images/tribal.gif) top left no-repeat;
width: 157px;
height: 392px;
float: left;
}

#header{
background: url(images/header.gif) top left no-repeat;
width: 701px;
height: 145px;
float: left;
}

#skisse{
background: url(images/skisse.gif) #ffffff top left no-repeat;
width: 86px;
height: 33px;
float: left;
}

#web{
background: url(images/web.gif) top no-repeat;
width: 61px;
height: 33px;
float: left;
}

#foto{
background: url(images/foto.gif) top no-repeat;
width: 59px;
height: 33px;
float: left;
}

#lekeplass{
background: url(images/lekeplass.gif) top no-repeat;
width: 135px;
height: 33px;
float: left;
}

#profil{
background: url(images/profil.gif) top no-repeat;
width: 89px;
height: 33px;
float: left;
}

#kontakt{
background: url(images/kontakt.gif) top no-repeat;
width: 122px;
height: 33px;
float: left;
}

#menyplass{
background: #ffffff;
width: 149px;
height: 33px;
float: left;
}

#web:hover, #foto:hover, #lekeplass:hover, #profil:hover, #kontakt:hover{
background-position: bottom;
}

#skisse2{
background: url(images/skisse2.gif) top left no-repeat;
width: 86px;
height: 108px;
position: absolute;
top: 178px;
left: 157px;
}

#content{
float: left;
width: 650px;
padding-right: 51px;
background: url(images/tribal2.gif) bottom right no-repeat;
margin-bottom: 10px;
}

#topboks{
padding-top: 25px;
padding-left: 86px;
height: 110px;
float: left;
margin-bottom: 10px;
}
/* -----
    TYPOGRAFI
   --------- */

#content{
font-family: arial;
font-size: 11pt;
line-height: 14pt;
}

Endret 15. oktober 2006 av -Teddy-

Steinmann · 15. oktober 2006

uten å lese vil jeg annta at du ikke har tatt høyde på margin/padding

travis_g · 15. oktober 2006

Nå har ikke jeg gått så nøye gjennom koden, men ser du har satt 100% på #content oxo. Mulig det er det som gjør feilen ?

-Teddy- · 17. oktober 2006

Har gjort om til absolute positioning, men nå er problemet at den ikke vil legge seg i bunn. La bakgrunnen i #wrap og, uten noe resultat.

Sjekk http://spinning-aliens.com/teodor/

Endret 17. oktober 2006 av -Teddy-

Logg inn

height: 100%; blir for høy. :-)

Anbefalte innlegg

-Teddy-

Lenke til kommentar

Videoannonse

Steinmann

Lenke til kommentar

travis_g

Lenke til kommentar

-Teddy-

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer