CSS Hilfe beim Versuch, AdSense in den Beitrag zu integrieren

Question

Ich verwende die folgenden Div-Klassen, um AdSense in die Beitragseite zu integrieren.

.adsense {
    clear: left;
    float: right;
    padding: 10px;
}

.spacing {
    float: left;
    height: 170px;
    width: 1px;
}

Das Problem ist jedoch, dass alle Beiträge ein Bild (250x250) haben und wenn die obige Klasse verwendet wird, drückt die AdSense-Klasse auch das Bild. Die Bildklasse lautet wie folgt.

.content img.alignleft {
    border: 1px solid #CCCCCC;
    margin: 0 15px 5px 0;
    padding: 4px;
}

Die WordPress-Schleife 'the_content' wird innerhalb der Klasse 'content' aufgerufen, die wie folgt aussieht:

.content p, ul, ol {
    color: #555555;
    font-size: 11px;
    line-height: 22px;
    margin-bottom: 20px;
}

Gibt es eine Möglichkeit, den AdSense-Code weiter unten im Beitrag (300px nach unten) zu verschieben, damit das Bild des Beitrags an der Stelle bleibt, an der es ist, während der AdSense-Block weiter unten aufgerufen wird?

Answer 1

Es hört sich so an, als hättest du ein Problem mit deinem HTML, nicht mit deinem CSS. Der einzige Weg, um aus dem Fluss mit dem HTML auszubrechen, besteht darin, position:absolute zu verwenden und einen Wert von top:300px einzufügen, indem unten am Bild padding hinzugefügt wird, um das Div zu halten, das du verschiebst. Was du tatsächlich tun möchtest, ist in die Vorlage zu gehen und einfach das Stück des Codes zu verschieben, das das Bild generiert, damit es vor dem Adsense generiert wird, dadurch wird es unter dem Bild im Fluss sein.

Um eine bessere Antwort zu erhalten, musst du entweder eine Beispielseite oder etwas mehr Code posten, denke ich.