[Katy]

Hallo,

ich wollte auf meinem Wordpress-Blog Werbung schalten (Adsense und Banner). Da ich aber nicht will, dass die Werbemittel innerhalb der Textbox sind, wollte ich sie links und rechts daneben einbinden.

Dafür habe ich eine neue div-Box in der Index-Datei erstellt und den Code der Werbemittel eingefügt. Klappt alles wunderbar. Doch je nach Breite des Monitors bzw. des Bildschirms, verschieben sich die Werbemittel. Sie sind nicht an einer festen Stelle.

Kann mir jemand sagen, wie es die div-Box so im CSS formatieren kann, dass sie immer an der selben Stelle im Blog sind unabhängig davon mit welcher Bildschirmauflösung/-breite man in meinen Blog geht?

Derzeit ist diese div-Box namens "leftbox" wie folgt im CSS formatiert:

#leftbox {
position:absolute;
left:10px;
top:200px;
margin-right:20px;
height:auto;
width:200px;

Fehlt ihr irgendein Befehl oder habe ich was falsch gemacht? Ich freue mich riesig über jede Hilfe!

Viele Grüße
Katy

[moved to Allg. Nonprint]

[m]

Kannst du mal auf deinen Blog verlinken? So ist es etwas wenig an Informationen um dazu etwas zu sagen.

[MichelB]

Mal davon abgesehen, dass man .klassen und #ids nach ihrer Funktion benennen sollte (.ads oder #ads) würd ichs mal mit einem negativen margin versuchen statt ner absoluten Positionierung.

Aber ‘n Link oder ‘n Screenshot mit Beschreibung wären schon toll.

[ayumisawa]

Also, ich als absoluter Anfänger (ich bin dabei es zu lernen...) würde doch als erstes Mal vorschlagen, dass man es mit einer festen body-breite versucht... Also ich meine mich entsinnen zu können, dass ich es so löste und es funktionierte ganz gut.

Den Blog würde ich dennoch auch gerne sehen, damit man sich das eher ansehen kann...

Hoffe ich konnte einen kleinen Anstoß geben...

[heiji]

Wo ist denn die Werbung, wenn der Blog mit breiterer Auflösung betrachtet wird? Zu weit links und dann die Textbox in der Bildschirmmitte? Kann das sein? Ein screenshot wäre das beste, japp.

Falls die Vermutung stimmt, ist eine absolute Positionierung bzgl zum Seitennullpunkt recht doof, wenn der rest relativ irgendwo steht. Deshalb wie ayumisawa schon sagte: Alles in ein Elternelement mit absoluten Maßen pappen.

Aber erstmal Bild.

[Katy]

Hallo,

danke für eure Antworten. Komme leider jetzt erst dazu wieder zu schreiben - war krank.

Also hier die Website: www.guerilla-marketer.com

Dort hab ich die 2 div-Boxen, aber wenn ich das Browserfenster minimiere, dann legen sich die Boxen über den Text, das möchte ich aber nicht, sie sollen fest platziert sein - egal welche Auflösung der Bildschirm hat.

Hier meine Formatierungen im CSS:

#leftbox
{
position:absolute;
left:10px;
top:200px;
margin-left:auto;
height:auto;
width:200px;
}

#rightbox
{
position:absolute;
right:10px;
top:200px;
margin-right:auto;
height:auto;
width:200px;
}

Aber das funktioniert nicht. Ich hab bei position schon verschiedenes ausprobiert: "relative" ,"fixed" "static" und auch "auto", aber das klappt auch nicht

Habt ihr eine Idee?

[Kash]

muß man dafür einen weiteres Thema öffnen?

Zum Thema:

modifiziere dein layout am besten auf 1024x768 und rechne deine werbeboxen mit hinein.

[Katy]

Ok, danke.

Und wie soll ich das machen? bei #body oder bei #page?

Wie definiere ich diese beiden Werte genau, mit welchem Befehl?