gruene-kiwi
Neues Mitglied
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!!!
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>