Wallpaper Ads sitzen nicht richtig und verschieben den Blog

astera77

Hallo,

ich habe ein Problem, das ich zwei Werbebanner (senkrecht und waagerecht = Wallpaper) nicht richtig platziert bekommen.
Auf der Seite http://fussball-live-stream-24.de sollen diese beiden in der rechten oberen Ecke platziert sein.
Wenn die Bildschirm-Auflösung groß genug ist, dann passt es aber kleiner als 1280x1024 passt es nicht und der Blog fängt weiter unten an.
Das CSS was ich dafür nutze ist:

Code

#ADNETwallBanner1 { 
        float: right;
    z-index: 555555;
    top: 0px; 
    position: relative;
    margin: 0px 9.7% 0px 0px; 
} 




#ADNETwallBanner2 {
    z-index: 555555;
    position: fix; 
        float: right;
        width: 160px;
        text-align: left;
        vertical-align: top;
        padding: 0;
    margin: 0px 9.7% 0px 0px;
} 




.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0px;
}

Alles anzeigen

Vielleicht hat jemand eine Idee?

Danke Astera

wernerdeluxe

Positioniere die Elemente doch einfach absolut.

Musst dann nur das #main mit nem margin-top um 90px nach unten schieben.

Sag bescheid wenn du den Code brauchst^^

Gruß

astera77

Hi wernerdeluxe,

vielen Dank für deine Antwort.
Das #main sieht derzeit so aus:

Code

#main {
	width: 980px;
/*	margin: 10px auto 20px; wegen Schaltplatz */
	overflow: hidden;
/*	float: right; */
}

das margin: 10px auto 20px hatte ich schon auskommentiert und float: right auch.

Wie soll das #main deiner Meinung nach aussehen?

Danke

LG Astera

wernerdeluxe

Okay, du hast nicht ganz verstanden, was ich geschrieben habe. Es muss nicht nur das main angepasst werden sondern auch die Elemente banner1 und banner2. Diese müssen absolut gesetzt werden.

Hier das CSS dazu

Code

#ADNETwallBanner1 {


    left: 412px;


    position: absolute;


    top: 0;


    z-index: 555555;






}






#ADNETwallBanner2 {


    left: 980px;


    position: absolute;


    top: 90px;


    width: 160px;


    z-index: 555555;






}








#main {
    margin-top: 90px;
    overflow: hidden;
    width: 980px;




}

Alles anzeigen

astera77

Hallo,

Danke für den Code. Habe das so angepasst.
Sieht Klasse aus im Chrome aber FF und IE zeigen die Banner nicht an.
Hast du eine Ahnung warum nicht?

LG Astera

wernerdeluxe

Welche Version vom IE?

Ist im IE ein Ad-Blocker installiert? Wenn ja, musst du den auf deiner Seite natürlich deaktivieren.

EDIT: Die Fragen meine ich natürlich auch bezüglich dem FF. Hatte eben gelesen, dass es in FF und Chrome geht. Also ich hab das ganze hier auf FF getestet. Hatte nur zu Beginn auch meinen Ad-Blocker auf der Seite aktiviert, dann sieht man die Werbung natürlich (zum Glück) nicht.

Gruß
Lukas

astera77

Au Mann, wie blond kann man sein
War aber auch schon spät.

Jetzt sieht alles Klasse aus. Lieben Dank Problem gelöst.

LG Astera

Tags