phpBB.de

Verfasst: **22.03.2008 12:59**

Liebe phpBBler,
ich habe ein Problem mit zwei nebeneinander stehenden DIVs. Im overall_header habe ich folgenden Include angelegt:

Code: Alles auswählen

...{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

	<!-- CLOUD START -->
	<div id="page-cloud"><!-- INCLUDE overall_cloud.html --></div>
	<!-- CLOUD END -->

	<a name="start_here"></a>
	<!-- HAUPTTEIL LINKS -->

	<div id="page-body">
		
		 <!-- IF S_BOARD_DISABLED and...

Die Datei overall_cloud hat folgendem Inhalt:

Code: Alles auswählen

		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
			Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
			<span class="corners-bottom"><span></span></span></div>
		</div>

In der CSS-Datei habe ich nun folgendes festgelegt:

Code: Alles auswählen

#page-body {
	margin: 4px 0;
	margin-right: 210px;
	/*float:right;*/
	/*clear: both;*/
}

#page-cloud {
	float: right;
	width:200px;
	margin: 4px 0;
}

In den FAQ und auf der ucp.php liegen die Container nun wie gewünscht nebeneinander, auf der index.php und der viewforum.php jedoch werden die Container weiterhin übereinander angezeigt:

[ externes Bild ]

Hat jemand einen Tipp, wo der Fehler stecken kann?

Verfasst: **22.03.2008 14:24**

Ich vermute mal, dass hier das Problem liegt: margin-right: 210px; .
Wenn du 210px Außenabstand nach rechts angibst, dürfte kaum Platz für den anderen div-Container bleiben.

Verfasst: **22.03.2008 14:31**

Aber das ist doch genau der Platz für den anderen Container!?!

Verfasst: **22.03.2008 14:32**

Aber das ist doch genau der Platz für den anderen Container!?! Ich habe eher die Vermutung, dass da irgendwo ein DIV zu früh geschlossen wird - schließlich funktioniert es ja in den FAQs. Aber ich wüsste nicht, wo ich suchen soll...

Verfasst: **22.03.2008 14:36**

smart hat geschrieben:Aber das ist doch genau der Platz für den anderen Container!?!

Eben nicht. Sondern damit erzeugst du nur einen Abstand von 210 px zu dem anderen div-Container.
Und dafür reicht der Platz dann wohl nicht. 200px(Containerbreite)+210px(Abstand)=410px!!!

Verfasst: **22.03.2008 15:47**

Nee, jetzt bin ich wieder einen Schritt zurück:

[ externes Bild ]

Wie gesagt habe ich die Vermutung, dass ein geschlossener Container der Auslöser ist, auch, weil der Footer mit aus dem Rahmen läuft und über die ganze Breite geht. Habe schon mit Firebug gesucht, aber da ist kein <div> zuviel.

Verfasst: **22.03.2008 15:59**

Gib mir mal den Link zum Forum, damit ich mir die Sache mal aus der Nähe betrachten kann.

Verfasst: **22.03.2008 18:53**

Mittlerweile sind wird durch folgende Änderung schon einen Schritt weiter:

Code: Alles auswählen

.forabg
{background:#B1B1B1 none repeat-x scroll 0pt;
 /*clear:both; entfernt */
 margin-bottom:4px;
 padding:0pt 5px;}

Leider wird jetzt der Container forabg nicht mehr korrekt in Höhe und Breite angezeigt. Hat noch jemand einen Tipp?

[ externes Bild ]

Direkt zum Forum geht es hier: http://tinyurl.com/2w3sxe

Verfasst: **22.03.2008 19:23**

Da bin ich wieder. Füge bei .forabg noch float:left hinzu!

Verfasst: **22.03.2008 19:38**

Fast haben wir's geschafft. Auf der Index geht es jetzt.

Aber hier, hier und hier springt er noch nicht nach links oder läuft sogar in das rechte Feld hinein.

phpBB.de

DIVs nebeneinander

DIVs nebeneinander