Banner Modul "verschiebt" sich

**Noxero** · 04.04.2011 13:25

Hallo zusammen,

ich betreue die Website www.networking-media.de mit.
Jetzt habe ich eine neues Position / Modul für einen Banner eingebaut. Dieser soll eben rechts mit dem Mainframe abschließen.
Leider "verschiebt" sich die Modul / Bannerposition, wenn ich in meinem Browser die Breite verschiebe.
Ich hab dasselbe Modul / Position auf meiner privaten Website ( www.metalize.me ) eingebaut. Dort funktioniert alles Reibungslos.

Kann mir da vielleicht einer helfen? Wie kann ich diese Position quasi "fixieren"?

Suchfunktion hat mir leider nicht weiterholfen.

also Code im Css habe ich folgendes Verwendet:

PHP-Code:


}



#banner-1 {

    position: left;

    margin-top: 10px;

    margin-left: 579px;

    height: 70px;

    width: 640px;

    overflow: auto;

    border: 0px solid #000;

ich hab jetzt auf der magin-left: 579px eine Prozentangabe gemacht .. ist das schon die "lösung" oder gibt es da noch eine andere option?

zweites problem:
ich würde jetzt auch noch gerne einen banner rechts / links vom contest in vertikaler ausrichtung einbinden. wenn ich das jetzt aber alles einrichte, sieht es irgendwie "zerschossen" aus (siehe screenshot) .. was mache ich da falsch bzw. wie kann ich es ändern?

**Schokolade** · 04.04.2011 17:06

Dein jsn-page ist 980px breit. Mach deinen Banner einfach genauso breit, zentriere ihn mit margin: 0 auto; und setzte den Inhalt dann mit float: right nach rechts. Damit müsste er mit dem Rahmen deines Inhalts abschließen.

Bei deinem zweiten Problem, musst du die Breite der jsn-page um die Breite der Banner plus Abstand zwischen den Elementen verbreitern und dann die einzelnen Bereiche mit float: left oder right. Nebeneinandersetzten.
Müsste eigentlich funktionieren.

Lg Theresia

**Noxero** · 05.04.2011 09:23

Zitat von Schokolade

Dein jsn-page ist 980px breit. Mach deinen Banner einfach genauso breit, zentriere ihn mit margin: 0 auto; und setzte den Inhalt dann mit float: right nach rechts. Damit müsste er mit dem Rahmen deines Inhalts abschließen.

Bei deinem zweiten Problem, musst du die Breite der jsn-page um die Breite der Banner plus Abstand zwischen den Elementen verbreitern und dann die einzelnen Bereiche mit float: left oder right. Nebeneinandersetzten.
Müsste eigentlich funktionieren.

Lg Theresia

hallo theresia,
der code bei mir sieht jetzt wie folgt aus (zumindest für das erste element:

PHP-Code:


}



#banner-1 {

        position: relative;

    margin-top: 10px;

/*    margin-left: 51.5%; */

        margin: 0 auto;

        float: right;

    height: 100px;

    width: 980px;

        overflow: hidden;



}

sobald ich float: right; setze, sieht es wie folgt aus (siehe screenshot)

wäre über jeden tipp dankbar

.. wobei ich erstmal problem 1 lösen möchte, bevor ich mich ans zweite rantraue

**Schokolade** · 05.04.2011 09:34

Wenn du dir mal deine Seite so anschaust:
http://www.networking-media.de/home/index.php?tp=1
siehst du, dass dein Banner-1 durch das margin-left sehr weit nach rechts ragt.
Lösche das margin-left mal raus und setzte bei bannergroup oder banneritem das float:right.
Wenn du dir die Seite im Firebug anschaust, findest du immer die Stellen, die du anpassen musst.
Lg

**Noxero** · 05.04.2011 09:51

Zitat von Schokolade

Wenn du dir mal deine Seite so anschaust:
http://www.networking-media.de/home/index.php?tp=1
siehst du, dass dein Banner-1 durch das margin-left sehr weit nach rechts ragt.
Lösche das margin-left mal raus und setzte bei bannergroup oder banneritem das float:right.
Wenn du dir die Seite im Firebug anschaust, findest du immer die Stellen, die du anpassen musst.
Lg

danke erstmal .. ich werd da mal ein paar optionen probieren .. irgendwie ist das joomla hier eh zerschossen :-/ .. auf meiner privaten seite läuft das alles total problemlos

**Plopo23** · 05.04.2011 10:55

Hallo,
So wie es ausschat funktioniert dein 1. Anliegen nun.
Zum 2. würde ich folgendes raten.
Erstelle ein div nach dem "jsn-page" Div. Füge in das neue Div deinen Banner/werbung ein passe ihn von der größe etc. an.
Nun setzt du den "jsn-page" Div auf "position:relative" und den Div mit dem Banner/Werbung auf "position:absolute". Nun kannst du ihn mit "top:10px" oder "left:-10px" ausrichten (Positive und Negative angaben möglich!!!) Rück ihn an die passende stelle und fertig.

Thema: Banner Modul "verschiebt" sich

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Banner Modul "verschiebt" sich

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen