Zwei Bannermodule platzieren

[matuweb]

Hallo zusammen,

ich möchte für unsere Webseite zwei Banner-Module platzieren!

Eins kommt ganz nach rechts und wird absolut neben der eigentlichen Webseite platziert (Bannergröße 160 x 600 px). Dies ist auch kein Problem... Ist dies der beste Weg, das Modul absolut neben der Seite zu platzieren?

Das Zweite soll nach ganz oben, also über die eigentliche Webseite (Bannergröße 728 x 90 px).

Wie binde ich es ein, daß der komplette Inhalt nach unten rutscht, wenn ein Banner vorhanden ist? Wenn kein Banner aktiv ist, soll alles wieder normal oben stehen.
Ich habe schon einen Hintergrund und absolute Module, welche ja dann beim erscheinen des Banners nicht richtig sitzen...

Habe ich mich richtig ausgedrückt?!

Könnt ihr mir helfen?

Danke

Grüße
Matu

[BugBuster]

Da bin ich überfragt, wobei das sicher kein Problem wäre, wenn du keine absolut positionierte Module hättest.

[matuweb]

Gibt es zu meinem Problem einen speziellen CSS-Trick?

Grüße
Matu

[matuweb]

Ich bin da immer noch nicht weiter ...

Gibt es da einen CSS-Trick, daß wenn ein Banner vorhanden ist, alles nach unten rutscht?

Oder muss ich jetzt alles neu aufbauen (Navimodule und Banner Vertikal sind absolut platziert)

Danke

[Stranger]

Poste mal ein Link, sonst kann man dir einfach nicht helfen ^^

[matuweb]

Danke aber ich habe noch alles lokal auf meinem Rechner!

Ich habe es jetzt so gelöst, daß immer ein Banner eingeblendet ist.

Grüße
Matu

[matuweb]

Doch nicht so einfach...
Der Kunde möchte nun doch verschiedene Banner im head-Bereich haben...

Also ich habe nun drei verschiedene Banner-Höhen und Banner-Breiten.

Wie muss ich denn jetzt den head-Bereich einrichten?

Der head-Bereich ist ja von der Höhe fix und ich habe drei Module (Navigationen), die absolut positioniert sind.

Könnt ihr mir helfen?

Danke

Grüße
Matu

[Stranger]

Evtl. reicht es schon, dass das übergeordnete Element der 3 zusätzlich die Klasse "block" bekommt.

Allerdings kann man dir schlecht helfen ohne dass die Seite im Internet steht...
Speicher die einzelne Seite in deinem Browser und lad die ganzen Dateien hoch.

[matuweb]

Ich ahbe mal eine Seite im Firefox abgespeichert und hochgeladen:

http://www.genussprofessional.de/test/verlag.html

Dort ist die Hauptnavi, die indiv. Navi und das Bild mit dem Magazin absolut positioniert.
Als erstes ganz oben soll jetzt das Bannermodul platziert werden, mit Bannern unterschiedlicher Höhe...

Also ist der Header mal höher mal nicht... und die drei Module bleiben ja immer fix...

Kannst du etwas erkennen bzw. mir weiterhelfen?

[Stranger]

An welcher Stelle soll der neue Banner genau sein? Über dem Header quasi?

Da im Header eh schon total viel Elemente sind, wärs am besten, wenn du einen individuellen Layoutbereich im Seitenlayout anlegst. Diesen musst du dann über dem Header positionieren.
Anleitung:
http://www.contao.org/blog-leser/ite...h-anlegen.html

Das mit dem Banner rechts ist auch nicht so optimal gelöst. Die Seite ist ja insgesamt gar nicht mehr zentriert. Oder ist das gewollt?

[BugBuster]

Und wenn du deine absoluten Divs einfach bottom basiert positionierst statt top ? Sollte doch dann schon reichen, oder?

[matuweb]

An welcher Stelle soll der neue Banner genau sein? Über dem Header quasi?

Genau, über dem Header!

Das mit dem Banner rechts ist auch nicht so optimal gelöst. Die Seite ist ja insgesamt gar nicht mehr zentriert. Oder ist das gewollt?

Eigentlich nicht, wie soll ich es denn lösen?

Bin halt am tüfteln, wie ich die Seite am besten aufbauen soll...

Die Seite hat eine Breite von 980 px und ist zentriert...

Ich probiere es mal mit dem eigenen Seitenlayout...

[matuweb]

Und wenn du deine absoluten Divs einfach bottom basiert positionierst statt top ? Sollte doch dann schon reichen, oder?

Cool, so klappt es ja eigentlich sehr gut ... )!

Nur jetzt habe ich noch die Frage zur Höhe des Headers?
Wenn die Bannerhöhe variiert, dann ist die Headerhöhe ja auch immer unterschiedlich.

Wie kann man dies lösen bzw. umsetzen?

Danke

[BugBuster]

Indem du keine Höhe angibts oder die Höhe ohne Banner als Mindesthöhe.

[matuweb]

Klasse, ihr habt mir beide sehr gut geholfen !

Ich habe nun einen eigenen Layoutbereich angelegt und dort das Bannermodul platziert.

Jetzt benötige ich nur noch einen Hinweis bzg. des rechten Bannermoduls, also der Platzierung...

Danke

[Stranger]

Zunächst einmal hat deine Seite eine Breite von mind. 1140 und nicht 980 :P
Die Breitenangaben für footer, header und container kannst du dir übrigens sparen.

1. Du musst festlegen, dass wrapper 1140 breit ist.
2. Du musst im fe_ Template die Struktur erweitern. Du brauchst innerhalb des wrappers noch n div mit der id "wrapper_inside" oder wie auch immer du es nennen willst und die Klasse muss block heißen. <div id="wrapper_inside" class="block">
3. Du brauchst da drin 2 weitere div's - z.b. wrapper_left und wrapper_right und da musst du mit Float arbeiten oder position:absolute, wrapper_left ist 980px breit
4. Innerhalb von wrapper_left kommt alles andere rein, also z.B. header, container und footer
5. Innerhalb von wrapper_right kommt dein rechter Banner rein

Edit: Du kannst auch alles so lassen und gibst dem Wrapper die Breite von 1140
In diesem Fall musst du allerdings die Breitenangaben von footer etc. drin lassen.
Aber keine Ahnung... ich trau diesem position absolute right:-140px nicht über den Weg, deshalb würde ich persönlich eher das obere machen

[matuweb]

Edit: Du kannst auch alles so lassen und gibst dem Wrapper die Breite von 1140
In diesem Fall musst du allerdings die Breitenangaben von footer etc. drin lassen.
Aber keine Ahnung... ich trau diesem position absolute right:-140px nicht über den Weg, deshalb würde ich persönlich eher das obere machen

Super, genau so habe ich es gemacht und es funzt, Danke!