Gå til innhold

[Løst]Feil med css, div vil ikke bli "forlenget"

ignoreme

Anbefalte innlegg

ignoreme

ignoreme

Skrevet
Skrevet

Hei

 

Ganske ny med webdesign men prøver så godt jeg kan, har to feil jeg ikke skjønner hvordan jeg skal fikse:

 

1) Div (Hvitebakgrunnen) som ligger i "body" vil ikke følge teksten som havner i den. Se på bildet

2) Div "innhold" vil ikke legge seg rett ved siden av div sidemeny, altså til høyre.

 

Noen som kan påpeke hva jeg gjør galt, regner med att det er en CSS feil?

 

 

 

Css:

 

* {margin:  0;}

html {
background-image: url('../bilder/bakgrunn_multi.gif');
background-position: 0 0;
background-repeat: repeat-x;
background-attachment: fixed;
height: 100%;
}

body {
margin: 0 auto;
padding: 0;
font-size: 72%;
background-color: transparent;
background-image: url('../bilder/bakgrunn_hvit.gif');
background-position: top center;
background-repeat: repeat-y;
font-family: "Helvetica Neue", helvetica, Arial, Tahoma, sans-serif;

}

html>body {
font-size: 12px;
}

p {
line-height: 1px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 11px;
}

a {
color:#163b40;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
}

ul {
list-style-type: none;
padding: 0;
margin: 0;
}

div#side {
width:  960px;
margin:  0 auto -100px auto;
min-height: 100%;
height: auto !important;
height: 100%;
}

div#logo {
background-color:#FFF;
padding-top: 25px;
padding-bottom:25px;
border-bottom: 1px solid #d7ddde;
}
div#logo a {
padding-left:480px;
height:33px;
width:222px;
border:0px;
}

div#sidemeny {
width:260px;
min-height: 100%;
height: auto !important;
height: 100%;
margin-left:25px;
margin-top:10px;
float:left;
}

div#innhold {
width:700px;
min-height: 100%;
height: auto !important;
height: 100%;
margin-top:10px;
float:right;
}

div#enden {
width: 700px;
height:  100px;
margin: 75px auto 0 auto;	
padding-left: 240px;
text-align: right;
background: url('../bilder/linje.gif') 0 0px  repeat-x;
padding-top: 1px;

}

 

 

html, har kopiert linken Hjem en haug med ganger for å vise problemet:

 

<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Nada</title>

<link rel="stylesheet" href="css/hoved.css" type="text/css" media="screen" />
<link rel='index' title='Nada' />

</head>
<body>
	<div id="side">    	
		<div id="venstre_meny">      
			<div id="logo">
				<a href="#" title="Hjem" id="logo">Overskrift</a>
			</div>

			<div id="sidemeny">
               	<ul>
				<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   	<li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   <li><a href="">Hjem</a></li>
                   </ul>
			</div> 
		</div>

           <div id="innhold">
           <p>Test</p>
           </div>

		<div id="enden">	
			<p>
				Footer er fint ikke sant?
			</p>
		</div>
	</div>
</body>
</html>

 

 

Takker for all hjelp jeg måtte få!

Lenke til kommentar

Videoannonse

Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...