Div rutscht nach unten

**webdesigner09** · 23.04.2010, 18:59

Hallo,
ich habe mal wieder ein Problem mti einem div der irgendwie zu weit nach unten rutsch bzw. abstand zu einem anderen lässt.
Der div "middle" macht Probleme. Im IE ist übrigens wieder mal alles an der gewollten Stelle...

HTML:

HTML-Code:

<body>
	<div id="box">
		<div id="header"></div>
		<div id="navi">
			<?php
				include ("navi.php");
			?>
		</div>
		<div id="middle">
			<div id="content2">
				<div id="content2-picture-box">
					<div id="content2-topic">
					<img src="referenzen/tierbachbluten-topic.png">
					</div>
					<div id="content2-picture">
					<img src="referenzen/tierbachbluten-picture.png">
					</div>
					<div id="content2-links">
						<div id="content2-besuchen">Webseite besuchen</div>
				  </div>
			  </div>
				<div id="content2-picture-box">
					<div id="content2-topic">
					<img src="referenzen/xanessoftware-topic.png">
					</div>
					<div id="content2-picture">
					<img src="referenzen/xanessoftware-picture.png">
					</div>
					<div id="content2-links">
						<div id="content2-besuchen">Webseite besuchen</div>
				  </div>
			  </div>
				<div id="content2-picture-box">
					<div id="content2-topic">
					<img src="referenzen/xanessoftware-topic.png">
					</div>
					<div id="content2-picture">
					<img src="referenzen/xanessoftware-picture.png">
					</div>
					<div id="content2-links">
						<div id="content2-besuchen">Webseite besuchen</div>
				  </div>
			  </div>
						<br>
						<br>
						<br>
						<br>
						<br>
						<br>
						<br>
						<br>
						<img src="http://www.traum-projekt.com/forum/images/preise-bottom.png">
						<br>
					<div id="content2-end"></div>
		  </div>
			<div id="middle-end"></div>
			<div id="footer">
				<?php
					include ("footer.php")
				?>
			</div>
			<div id="footer-under"></div>
		</div>
	</div>
</body>

CSS:

HTML-Code:

* {
	padding: 0px; 
	margin: 0px;
	border: 0px;
}

#middle {
	width: 950px;
	height: auto;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	margin-bottom: 30px;
}

#content2 {
	width: 920px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/content2-top.png);
	background-repeat: repeat-x;
	background-color: #F5F5F5;
	margin-top: 22px;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
}

Viele Grüße
Yannick

**webdesigner09** · 24.04.2010, 14:37

Hat keiner eine Idee?

**MrMurphy** · 24.04.2010, 14:51

Hallo

Hat keiner eine Idee?

Wer soll da etwas erkennen?

Du haust uns eine wahre-DIV-Orgie um die Ohren, die laut HTML-Validator 17 Fehler enthält. Weiterhin wird im Quelltext auf Elemente (Bilder, PHP) verwiesen, die uns nicht zur Verfügung stehen, so dass wir die Seite überhaupt nicht komplett anschauen können. Vom Quelltext fehlt zudem der gesamte Head-Bereich, der auch für Probleme verantwortlich sein kann.

Mehrere DIVs haben auch die gleiche ID (z. B. content2-besuchen) erhalten, was darauf hindeutet, das du selbst mit den Grundkenntnissen von HTML / CSS bereits überfordert bist.

Und schlußendlich erhalten wir nur die Information, das von den DIVs ein nicht näher bezeichnetes nach unten rutscht oder ersatzweise vielleicht auch der Abstand nicht stimmt.

Mit den Informationen kann dir einfach niemand helfen.

Gruss

MrMurphy

**webdesigner09** · 26.04.2010, 21:09

Hallo,
also hier ist die Seite.
Wenn man diese Seite mit der index Seite vergleicht, sieht man das der äußere Rand unter der Navigation zu weit nach unten rutscht.
Die Fehler sind übrigens draußen und alle Seiten sind CSS und HTML valide

.

Viele Grüße
Yannick

**max.m** · 26.04.2010, 21:27

Nimm mal beim #content2 margin: 22px; raus.

**webdesigner09** · 26.04.2010, 21:41

Dann rutsch leider alles nach oben. Der mittlere Teil (#content2) soll aber da bleiben wo er ist.

zur Startseite vom TP

Thema: Div rutscht nach unten

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Div rutscht nach unten

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

[Sonstige] inhalt in spalte rutscht nach unten

[CSS] Menü rutscht nach unten

[CSS] css - div 'rutscht zu weit nach unten'

IE 5 - layer rutscht nach unten

Seite rutscht im Opera 8px nach unten

Aktive Benutzer

Aktive Benutzer

Berechtigungen