ZitatJetzt hast du ja gar kein float mehr benutzt.
Jetzt hab ich aber wieder dass Problem dass es mir alles verschoben hat
Warum verschiebt es den alles?
Mein Code:
Index.html:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>
BHKWPartner - das optimale BHKW von Ihrem Installateur!
</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header">
</div>
<div id="Inhalt">
<p> <b> Jetzt 1.000 € Förderung für Mikro-BHKW(Bis 31.12.2010;Standortabhängig) </b> </p>
</div>
<div id="Inhalt2">
<p> <b>Senden Sie uns Ihre Simulationsanfrage. </b>Schnell und einfach! Wir <b>erstellen</b> für Sie <b>ein</b> <b>herstellerunabhängiges</b> </p>
</div>
<ul id="navigation">
<li> <a href="index.html">Startseite</a> </li>
<li> <a href="simulation.html">Simulationsanfrage </a> </li>
<li> <a href="planung.html">BHKW-Planung </a> </li>
<li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
<li> <a href="aktuelles.html">Aktuelles </a> </li>
<li> <a href="info.html">Info </a> </li>
<li> <a href="agb.html"> AGB </a> </li>
<li> <a href="impressum"> Impressum </a> </li>
</ul>
<div id="linksunten">
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px;padding-top:60%;padding-left:25%;"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS ist valide!" />
</a>
</p>
</div>
<div id="fusszeile">
<p>© Otto Huml Wärme und Strom</p>
</div>
</body>
</html>
Alles anzeigen
CSS Datei:
Code
* {
margin:0;
padding:0;
border:0;
list-style:none;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
div#header {
background:url(images/header.gif);
visibility: visible;
height:110px;
padding-left: 100px;
background-repeat:no-repeat;
}
div#Inhalt {
color:black;
text-indent:9cm;
float:right;
}
div#Inhalt2 {
color:black;
text-indent:5cm;
font-size:12pt;
line-height:1cm;
float:right;
}
ul#navigation li {
margin: 0px;
width: 18%;
float:left;
}
div#linksunten {
background:#FFA500;
visibility:visible;
height:113px;
width:181px;
float:left;
clear:both;
}
ul#navigation li a {
display: block;
border: 1px outset #FFA500;
background: #616161;
padding: 10px;
color: #FFFFFF;
font-weight: bold;
border-style: outset;
}
ul#navigation li a:hover {
display: block;
border: 1px outset #FFA500;
background: #FFA500;
color: #FFFFFF;
border-style: outset;
}
div#fusszeile {
background: #FFA500;
height: 100px;
text-align: center;
line-height:2cm;
margin-top:3cm;
clear:both;
}
Alles anzeigen