Container verschiebt sich

[schiwunja]

Hallo CSSler,

im Anhang sehr Ihr die Ansicht in Dreamweaver und dann einen Screen
von der Ansicht im Firefox (IE sieht ebenfalls so aus).

Der container-main verschiebt sich immer nach oben; wo ist mein Fehler?

Hier ist der Auszug aus der css.

#container {
	width: 940px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

#container-header {
	height: 100px;
	background-color: #FFFFFF;
}

#container-slogan {
	font-size: 24px;
	font-weight: bold;
	line-height: 100px;
	float: left;
	padding-left: 20px;
}

#container-logo {
	float: left;
	margin-top: 25px;
}

#container-logo img {
	margin-left: 15px;
}

#container-metanavigation {
	float: right;
	padding: 10px 20px 0 0;
	font-size: 11px;
}

#container-metanavigation ul, #container-metanavigation li {
	display: inline;
	list-style-type: none;
}

#container-metanavigation a {
	color: #666666;
	text-decoration: none;
}

#container-metanavigation a:hover {
	text-decoration: underline;
}

#container-navigation {
	clear: both;
	height: 46px;
}

#menu {
	height: 42px;
	width: 940px;
	background-image: url(images/bg-navi.gif);
	background-repeat: repeat-x;
}

#container-image {
	width: 940px;
	height: 10px;
	border-bottom: 1px solid #ffffff;
	margin-left: 20px;
}

#container-content {
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px;
}

#container-main {
	width: 600px;
	float: left;
	padding-right: 40px;
	padding-bottom: 20px;
}

.container-border {
	width: 150px;
	float: left;
	padding-right: 0px;
	background-image: url(images_layout/hyundai_bogen.jpg);
}

.container-border-last {
	width: 100px;
	float: left;
	padding-right: 0px;
	background-image: url(hyundai_bogen.jpg);
}

.container-box {
	border: 1px none #494949;
	color: #000000;
}

#container-footer {
	clear: both;
	border-top: 1px solid #D7D7D7;
	background-color: #FFFFFF;
	padding: 10px 20px 20px 20px;
}

#container-copyright {
	clear: both;
	background-color: #ffffff;
	color: #999999;
	height: 35px;
	line-height: 35px;
	font-size: 11px;
	padding-left: 20px;
	border-bottom: 1px #ffffff;
border-top: 1px dotted;}

#container-copyright a {
	color: #ffffff;
}

.clearer {
	clear: both;
}

[zulujaner]

Hallo schiwunja,

ich denke das dein Problem mit den Floats zusammenhängt.

Mit dem bißchen Quellcode kann man das aber nicht herausfinden.
Poste doch bitte mal noch den kompletten! Quellcode der html und css Seite, damit man die Anordnung der Container sehen kann.

Sonst kommt man dem Fehler nicht auf die Spur.

Grüße zulujaner