• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wie Banner außerhalb des Content-Bereiches einbauen?

Status
Für weitere Antworten geschlossen.
K

king71

Neues Mitglied
Hallo,
ich möchte einen Banner (Skyscraper) rechts, vertikal außerhalb des Contents schalten.
Dazu habe ich folgenden Code als ersten Eintrag unter <body> eingegeben:

<img src ="Pfad zum Bild" style="float:right; position:absolute;"/>

Allerdings floated dadurch das Banner interessanterweise nicht nach rechts, sondern nach links - ganz an den äußeren Rand des Browserfensters.
Verzichte ich auf den Zusatz "position: absolute", dann floated das Banner zwar nach rechts, allerdings wirkt sich das dann auf den Kopfbereich aus. Dieser beginnt dann erst unterhalb des Skyscrapers.
Frage: Wie kann ich einen Skyscraper außerhalb des Contentbereiches positionieren (so wie z.B. hier auf dieser Seite)?

Danke für Hilfe!
Viele Grüße
 
float und position schließen sich gegenseitig aus. Um ein Element am rechten Rand zu positionieren, reicht ein "float:right" aus.
 
Hallo,
danke für Deine schnelle Antwort.
Nur habe ich dann eben das Problem, dass der Header-Bereich soweit nach unten rutscht, bis das vertikale Banner aufhört.

Wie würde z.B. der Code für das vertikale Banner hier auf der Seite aussehen und wo müsste man diesen einbinden?

Danke für Rat!
Viele Grüße
 
Code: 
<img src="banner.jpg" alt="Klick mich!" style="float:right;" />
<h1 id="Header">Willkommen</h1>
<div id="Content">
  <h2>Seitentitel</h2>
  <p>Lorem ipsum...</p>
</div>
Oder auch wahlweise die Reihenfolge von img und h1 vertauschen, dann beginnt das Image unter dem #Header. Evtl. brauchts noch ein margin-right im Content, wenn dieser das Image nicht umfließen soll.

Für detaillierte Antworten zu Deinem Problem solltest Du einen Link zu Deiner Seite posten.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben