[Hilfe] 3 Div's nebeneinander, mittel_div überlagert

**sayk** · 12.06.2008 08:18

Hallo liebe Community,

ich habe folgende Templatestruktur wofür ich im www keine passende Lösung finde und frage aus voller Hoffnung euch.

Grundaufbau bei perfekter Auflösung (1280x1024):

3 Div-Bereiche nebeneinander
die äußeren werden nur für Hintergrundgrafiken verwendet die die Seite etwas
anschaulicher gestalten sollen
in den mittleren kommt der Content, Menü und co rein aber das ist momentan noch nicht ganz das Problem (Größe: 800x600)
alle 3 Div sollen bei einer festen Größe(1280x1024) zentriert sein, also kommt nochmal ein äußerer Div rum, der das ganze in die Mitte bringt (klappt aber nicht da er alles iwie immer auf 100% darstellt)

Grundaufbau bei einer kleineren Auflösung (zb.: 1024x768):

der mittlere Div bleibt immer in der Mitte
die beiden äußeren sollen sich wenn der Bereich kleiner wird unter den mittleren Div schieben

ich habs versucht mit float:left und float:right für die Äußeren, durch die feste Größe des center_divs (der garnicht zentriert) hätte ich also in der Mitte genau die feste Größe wie ich der content bereich groß ist(es bleiben also keine Ränder zwischen Content und Außengrafiken). Der Content_Div müsste also irgendwie noch über den anderen beiden liegen als die Hintergrundgrafiken. Also auch raus aus dem Div der das ganze allgemein zentriert oder?

Kann mir da jemand helfen? ich bekomm es einfach nicht hin.

1. Problem: feste Größe des Außen_divs und damit zentrierte Darstellung der 2 Hintergrundgrafik_Divs auf der Seite.

2. Problem: Content Div so in die Div_struktur einbinden das der Div über den anderen liegt und immer zentriert bleibt.

Ich hoffe ich konnte mein Problem annähernd und verständlich erläutern. Ich hoffe Ihr könnt mir helfen...ich habe schon keine Haare mehr auf dem Kopf.

**sh4d0w** · 12.06.2008 08:26

Also zu Problem Nummer 2 findest du sicherlich genug, sogar hier im Forum und von mir selbst gepostet

http://www.joomlaportal.de/geloeste-...e-aendern.html

Hoffe das hilft zu Problem Nummer 2.. -.-'

Beim Problem Nummer 1 komm ich nicht ganz mit wo das Problem ist..

**sayk** · 12.06.2008 08:39

ich habe 1 äußeren Div mit > weight: 1280px dieser umschließt meine beiden Hintergrundgrafiken links, rechts und dem zwangsmäßigen Freiraum dazwischen.

Die rechte Grafik müsste also bei 1280px anschlagen, da meine Bildschirmauflösung aber größer ist passt er den äußeren Div nicht an meine feste Breite an sondern an die Bildschirmauflösung, sprich mein weight: 1280px interessiert ihn garnicht.

da kann ich soviel text-align:center, margin:auto und co für den Außenbereich ausprobieren es bringt nichts da er eh immer auf die volle Auflösung anpasst.

**sh4d0w** · 12.06.2008 08:46

Ok..

Ich mache es immer folgendermassen um mein Main_Div (nenne es jetzt einmal so) zu zentrieren:

Code:

#main {
	position: absolute;
	top: 80px;		/* Abstand vom Browserfenster oben. */
	left: 50%;		/* Bringt die linke Kante des DIVs in die Mitte des Browser-Fensters. */
	margin-left: -450px;	/* Verschiebt das DIV um einen angegeben Wert zurück, um es vollkommen einzumitten. Dieser Wert muss die Hälfe der Breite des DIVs betragen. */
	height: 625px;
	width: 900px;
	overflow: hidden;
	z-index: 1;
	background-color: none;
	border: none;
	-moz-border-radius:0px;		/* Mit diesem Befehl könnten Ecken abgerundet werden (Nur unter Mozilla, Firefox und Netscape). */
}

So sieht bei mir das Main_Div aus in welchem sich alles befindet... Die erklärungen dazu stehen gleich hintendran..

Hoffe das hilft...

**sayk** · 12.06.2008 08:54

danke, genau so geht es!
ich wollte ie absolute Positionierung vermeiden da ich immer von ausging das er das nicht relative auf das Browserfenster anpasst. Denkfehler!

ich danke dir =)

wie geb ich nun an das der Beitrag gelöst ist, an die überschrift komm ich jetzt nichtmehr ran.

**sh4d0w** · 12.06.2008 08:55

Hehe.. kein Problem x)

Was Darstellungsprobleme beim IE anbelangt habe ich selbst keine Ahnung.. -.-'
Bin froh wenn alles funktioniert

**sayk** · 12.06.2008 09:01

ich bau eh erstmal alle auf ff und dann zerrauf ich mir nochmal den Kopf wenns an die IE-Anpassung geht

Thema: [Hilfe] 3 Div's nebeneinander, mittel_div überlagert

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

[Hilfe] 3 Div's nebeneinander, mittel_div überlagert

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen