Contentbereich lässt sich nicht ausrichten

[Summi]

Nabend, ich wieder.

Beim weiteren Anpassen meiner Seite, bin ich auf ein neues Problem gestoßen:

Ich habe im Seitenlayout definiert das ich kein statisches Seitenlayout möchte. Jetzt laufen Header und Footer über die gesamte Breite. Genauso wie ich das wollte. Jetzt hab ich das Problem das ich den Contentbereich nicht ausgerichtet bekomme. Dieser soll nämlich nur 960px breit und zentriert sein. Wo muss ich da ran? Den Contentbereich auf 960px zu bringen ist nicht das Problem. Da ich rechts eine Spalte mit 250px Breite habe, zieh ich die von den 960px ab. Bleiben also 710px für den Contentbereich.

So weit so gut. jetzt hab ich nur die Spalte immer rechts am Bildrand kleben, und der Contentbereich lässt sich nur innerhalb der verbliebenen Fläche zentrieren.

Wie bekomm ich jetzt beide Bereiche in der Mitte zusammen zentriert.

Wäre schön wenn mir jemand helfen könnte.

[stefan-at-work]

Hast Du mal ein link zur Seite? Bist Du sicher, das Du ein flexibles Layout willst wo der Inhalt bei Header und Breite über die gesamt Breite geht aber der Mainbereich zentriert auf 960px begrenzt ist?

Oder verwechselst Du dies mit einer grafischen Lösung wie z.B. diese hier

[xkoy]

Hi,

mache gerade das selbe, versuch das:

#container .inside {width: 960px; margin: 0 auto;}

Dann sollte der in der Mitte sein, normalerweise macht man das auch mit header und footer.

Zu sehen hier: http://contao.pixelgenau.at

[Summi]

Hallo stefan-at-work

Die Installation befindet sich auf meinem Rechner. Der Header, das Hintergrundbild meiner Navigation (oben waagerecht) und der Footer sollen immer über die ganze Breite laufen. Nur der Contentbereich in der Mitte nicht. Das wäre doch in Prinzip wie bei deinem Link. Mit dem Unterschied das der Contentbereich einen weißen Hintergrund hat und dahinter ein kleines Bild gekachelt wird. Man sieht also die 960px Breite. Ich hoffe du weißt was ich meine.

Hallo xkoy

ich arbeite auf Grundlage vom Template Ronded_boxes. Da gibt es ein #main. in diesem hab ich deine Einstellungen vorgenommen. Der Hauptteil ist dann 960px breit und zentriert in der verbleibenden Fläche. Die Spalte auf der rechten Seite klebt allerdings weiterhin rechts am Rand.
Wenn ich ein #container anlege und dort die Einstellungen mache, sieht es aus wie in der Version mit #main.

Zusätzlich hab ich jetzt noch ein neues Problem: Zu Beginn waren das Suchfeld und die Links Kontakt und Impressum oben im Header rechts ausgerichtet. Und zwar an einer gedachten Linie des Contentbereichs. Jetzt hab ich irgendwelche Einstellungen verändert und die Links kleben auch ganz rechts am Bildschirmrand. Ich weiß aber nicht mehr was ich verändert habe!

[quintacom]

Wie "xkoy" bereits sagte, musst Du die Ausrichtung auf den Container anwenden, denn dieser umschliesst ja die linke und rechte Spalte (sofern vorhanden) sowie den Hauptbereich.

Wenn das bei Dir nicht funktioniert, scheint es Änderungen in der fe_page.tpl bei Dir zu geben. Müsste man mal reinschauen ...

[Summi]

Hey Danke!
Der Tipp mit dem Container wars! Hab mal wieder den Wald vor lauter Bäumen nicht gesehen.
Jetzt hängt nur noch die Topnavi unmotiviert rechts oben rum ...

Danke euch allen!

[quintacom]

Die "unmotiviert rechts oben herumhängende Topnavi" musst Du natürlich auch noch analog den Anweisungen für den Container zentriert ausrichten.

[Summi]

Ursprünglich hing das ja mal rechtsbündig mit einer gedachten Linie vom 960px breiten Contentbereich. Ich hab irgendwas geändert und mir ist viel zu spät aufgefallen das das verrutscht ist. Jetzt weiß ich nicht mehr wo ich die Änderung vorgenommen habe.