Title: Skyscraper CSS
Last modified: 22. November 2014

---

# Skyscraper CSS

 *  [LivingBBQ](https://de.wordpress.org/support/users/livingbbq/)
 * (@livingbbq)
 * [vor 11 Jahren, 7 Monaten](https://de.wordpress.org/support/topic/skyscraper-css/)
 * Guten Morgen,
    ich hoffe hier kann mir jemand helfen, ich verzweifele gerade.
   Ich habe auf meiner Webseite [http://livingbbq.de](http://livingbbq.de) auf der
   rechten Seite neben dem Content ( nach dem Wrapper) einen Skyscraper eingesetzt.
   Wenn man das Fenster jetzt aber verkleinert und mit der Maus dann mal etwas kleiner
   und größer zieht, sieht man wieder scraper hinter dem content verschwindet, währenddessen
   der Content immer mittig ausgereichtet ist. Das will ich natürlich nicht. Der
   Scraper soll immer in der gleichen postition neben dem Content sein. Weiß jemand
   woran das liegt und wie man das ändert?!
 * Den Scraper habe ich wie folgt eingebunden:
 * .skyscraper {
    position: absolute; top: 308px; left: 1130px; }
 * Mit besten Grüßen
    Olly

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)

 *  [Edi](https://de.wordpress.org/support/users/psychosopher/)
 * (@psychosopher)
 * [vor 11 Jahren, 7 Monaten](https://de.wordpress.org/support/topic/skyscraper-css/#post-22595)
 * Die Frage ist, was Du willst, d. h. was mit dem Banner passieren soll. 😉
 * So, wie Du es jetzt eingebunden hast mit „position: absolute“, wird das Banner
   immer in einem Abstand von 308 Pixel zum oberen und 1130 Pixel zum linken Bildrand
   angezeigt. Und entsprechend schiebt sich bei kleineren Bildschirmen der Inhalt
   über das Banner.
 * Du kannst das Banner beispielsweise an den rechten Bildrand setzen:
 *     ```
       .skyscraper {
           right: 25px;
           position: absolute;
           top: 308px;
       }
       ```
   
 * Aber auch dazu braucht es bereits einen relativ grossen Bildschirm. Und auf Smartphones
   funktioniert „position: absolute“ sowieso nicht.
 * Ich würde die Seiten anders aufbauen.
 *  Thread-Starter [LivingBBQ](https://de.wordpress.org/support/users/livingbbq/)
 * (@livingbbq)
 * [vor 11 Jahren, 7 Monaten](https://de.wordpress.org/support/topic/skyscraper-css/#post-22598)
 * Ok, danke erstmal für die Antwort. Was ich möchte ist wie gesagt, dass das Banner
   halt nicht hinter dem Content abtaucht. Ob es auf den Mobilgeräten zu sehen ist,
   ist mir erstmal wurscht… wie würdest du es denn aufbauen?!
 *  [Edi](https://de.wordpress.org/support/users/psychosopher/)
 * (@psychosopher)
 * [vor 11 Jahren, 7 Monaten](https://de.wordpress.org/support/topic/skyscraper-css/#post-22599)
 * Dass das Banner nicht „abtaucht“, ist von der Bildschirmgrösse und/oder -auflösung
   abhängig. Eine Möglichkeit wäre, es ab einer bestimmten Bildschirmgrösse auszublenden(
   aber dann wäre es weg).
 * Ich würde es mit einem Widget in einem Sidebar anzeigen und damit in die vorgegebene
   Theme- beziehungsweise Templatestruktur einbinden. Ganz abgesehen davon, dass
   ich kein Freund von Skyscrapern bin…
 * Die Geschichte ist die: Inhalt lässt sich nicht einfach mit Werbung garnieren.
   Um Werbung zu machen, muss der Inhalt um die Werbung arrangiert werden. Also:
   Content first vs. ads first.
 *  Thread-Starter [LivingBBQ](https://de.wordpress.org/support/users/livingbbq/)
 * (@livingbbq)
 * [vor 11 Jahren, 7 Monaten](https://de.wordpress.org/support/topic/skyscraper-css/#post-22600)
 * Ok, in der Sidebar wäre es einfach, da möchte ich es aber nicht haben…

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)

Das Thema „Skyscraper CSS“ ist für neue Antworten geschlossen.

## Schlagwörter

 * [Css](https://de.wordpress.org/support/topic-tag/css/)
 * [Skyscraper](https://de.wordpress.org/support/topic-tag/skyscraper/)

 * In: [Allgemeine Fragen](https://de.wordpress.org/support/forum/allgemeine-fragen/)
 * 4 Antworten
 * 2 Teilnehmer
 * Letzte Antwort von: [LivingBBQ](https://de.wordpress.org/support/users/livingbbq/)
 * Letzte Aktivität: [vor 11 Jahren, 7 Monaten](https://de.wordpress.org/support/topic/skyscraper-css/#post-22600)
 * Status: nicht gelöst

## Themen

### Beliebteste Themen

### Unbeantwortete Themen

### Nicht-Support-Themen

### Gelöste Themen

### Ungelöste Themen

### Alle Themen