Support » Allgemeine Fragen » Skyscraper CSS

  • Guten Morgen,
    ich hoffe hier kann mir jemand helfen, ich verzweifele gerade. Ich habe auf meiner Webseite 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

    (@psychosopher)

    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

    (@livingbbq)

    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

    (@psychosopher)

    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

    (@livingbbq)

    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.