Elemente werden falsch angeordnet

gruene-kiwi · 24 Juli 2014

Hallo ihr Lieben,
ich hoffe ihr könntm mir weiterhelfen. Bin noch Anfängerin und habe seit ein paar Tagen das Problem, dass meine Elemente nicht richtig angeordnet werden. Leider finde ich den Fehler einfach nicht.
Ich habe mal zwei Bilder eingefügt, um mein Problem zu verdeutlichen. Das erste Bild zeigt den Ist-Zustand und das Zweite, wie es eigentlich aussehen sollte.
Bereits vielen Dank für eure Hilfe!!!

Code:

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

body {
  text-align: center;
  background: #BABABA;
}

#wrapper1 {

  background-color: #BABABA;
  width: 1260px;
  margin: 0 auto;
  text-align: left;   
}

#kopfbereich {
   background-color: #858585;
   text-align: center;
   margin-left: 0px;
   margin-right: 0px;

}

#klickpfad{
   float: left;
   width: 720px;
   height: 50px;
   color: #9AFCB4;
   background-color: red;
}

#druckversion{
   margin-left: 900px;
   margin-right: 110px;
   height: 50px;
   background-color: blue;

}

#sprache {
   float: right;
   margin-top: 20px;
   width: 65px;
   height: 25px;
   background-color: green;

}

#inhalt {
  background-color: #AEAEB0;
  margin-left: 280px;
  margin-right: 280px;
  min-height: 700px;
}

#steuerung {
   float: left;
   width:250px;
   background-color: #858585;
   min-height: 700px;

}

#suche {
  float: right;
  width:250px;
  background-color: #858585;
  min-height: 200px;
}
#news {
  float: right;
  width:250px;
  background-color: #858585;
  min-height: 500px;
  margin-top: 200px;
}

#fussbereich {
   background-color: #9AFCB4;
   text-align: center;
   margin-left: 0px;
   margin-right: 0px;
}

Code:

HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Main
  </title>
  <link href="main.css" rel="stylesheet" type="text/css" media="screen">
</head>

<body>

<!-- ###DOKUMENT### START-->
<div id="wrapper1">
   <div id="kopfbereich">###KOPF###</div>

   <div id="klickpfad">###KLICKPFAD###</div>

   <div id="druckversion">###DRUCKVERSION###</div>

   <div id="sprache">###SPRACHE###</div>

   <div id="steuerung">###STEUERUNG###</div>

   <div id="suche">###SUCHE###</div>
   
   <div id="news">###NEWS###</div>
   
   <div id="inhalt">###INHALT###</div>

   <div id="fussbereich">###FUSSBEREICH###</div>
</div>   
<!-- ###DOKUMENT### END-->

</body>
</html>

Elemente werden falsch angeordnet

gruene-kiwi

Neues Mitglied

Anhänge

Neueste Beiträge