Skyscraper links vom Content (keine Sidebar)

    Hi,

    ich würde gerne links vom Content einen Skyscraper einbauen, finde aber einfach nirgends einen Ansatz. Hat jemand einen Tip? Ich möchte das Ding quasi direkt auf dem Background, soll nicht unbedingt eine linkische zweite Sidebar werden, wenn nicht anders möglich aber auch okay.

    Hier der Blog

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    vor div page ein div id skyscaper erstellen zuerst mit Dummybild am besten aber so breit wie der Originale

    dann

    #skyscaper{float:left;width:skyscaperwidthundeinbisschenwas;}

    und es könnte klappen,
    dann müßtest Du vermutlich das ganze per margin-left mit % an die Page bringen nimm % weil Du weißt nie was wer für eine Browserauflösung hat

    ungetestete Idee!

    lg

    Hey klappt schon fast perfekt!
    Diesen Code habe ich vor den page div gesetzt:

    Code
    <div id="sky" style="margin-left: 15%"><img src="http://konsumguerilla.net/stuff/skyscraper.jpg"></div>

    Allerdings verschiebt sic dadurch die Content-Area nach unten, siehe Anhang

    datt sieht für mich so aus als ob es da ein padding problem gibt, wie breit ist der content? und was für padding steht in der css? und dann gibt es da noch display:block ?
    hoffe dies hilft ...

    Danke für deine Antwort.
    Die Breite des Content beträgt 160px. Weitere Attribute ausser float:left in der CSS hatte ich nicht gesetzt, werde mich jetzt an das Testen deiner Tips machen.

    Hmm, bekomm ich noch nicht hin, leider keine Veränderung. Sieht momentan so aus:

    Code
    #sky2  {
        margin: 0px auto;
        padding: 0;
        float:left;
        display:block;
       }

    Sieht jemand den Fehler?

    Online Marketing für Blogs & E-Commerce http://etactic.de

    Einmal editiert, zuletzt von subster (4. März 2008 um 07:25)

    display:block würde ich ändern in display inline;

    und wenn das auch nicht hilft, dem obersten div der Seite ich glaube div id page ebenfalls ein display inline mal verpassen oder mit negativem margin nach oben holen

    margin-top:-pixelhöhe des scrascrapers

    ist vielleicht nicht die feine englische Art aber es ist auch nicht die feine englische Art den scryscraper so einzubauen ;)

    lg

    Hat leider keine Erfolge erzielt. Display:inline hat alles recht durcheinenander im Mittelbereich zusammengewürfelt und margin-top hat nur das Logo verschwinden lassen. Aber vielen Dank für deine Tips, habe wieder viel gelernt durchs rumprobieren damit.

    Meine style.css zum mal-reinschauen: hier

    Die header.php findet ihr im Anhang - vielleicht könnt ihr ja eine Unregelmäßigkeit feststellen die den Erfolg eurer zweifellos guten Tips verhindert.

    nee ich war auf andren Baustellen ...

    body


    /body

    nach body und vor /body

    gibst du ein div id wrapper

    innerhalb von dem läßt du den skyscapper nach links floaten und das derzeit die page umfließende div div id page glaube ich ist es,

    floaten und display inline dazu

    Breit ist zum AUstüfteln

    das wäre die andere Methode und wenn dies auch so überhaupt und gar nicht geht...
    :confused:

    lg

    Ich habe das bei mir mit position:absolute; gemacht. Ist zwar rechts vom Inhalt aber wenn Du die Werte entsprechend anpasst kannst Du natürlich auch einen Skyscraper links vom Content darstellen.

    CSS
    #sky {
position : absolute;
top : 0;
left : 865px !important;
width : 160px;
text-align : left !important;
background : transparent !important;
}



    Beste Grüße Holger

    Skyscraper Werbung Rechts vom Content

    hi zusammen
    ich habe auch lange nach einer Lösung gesucht bis ich folgende gefunden habe:

    Ich habe eine PHP-Datei erstellt(werbung-r.php), die die Werbungscodes beinhaltet und im selben Theme Ordner gespeichert.

    z.B.



    JETZT im header.php datei vom Theme am ande folgende code eingegeben:

    Zitat


    <div style="position: absolute; width: 157px; height: 354px; z-index: 1; left: 900px; top: 220px" id="layer1">
    <?php include( TEMPLATEPATH . '/[COLOR=red]werbung-r.php[/COLOR]' ); ?></div>



    hier wird die Werbung Rechts neben dem Content angezeigt.
    du kanst überall platzieren wo du willst
    Werbung rechts vom content
    werbung link vom content
    werbung unten unter dem content
    werbung oben über dem content
    egal wo. Du kannst alles damit machen

    siehe beispiel unter http://www.leotauro.de

    ciao und viel spass beim probieren :razz:

    Bei mir komme ich einfach nicht vorwärts. Hat jemand ne andere Idee, die recht einfach ist? Würde geren einen banner Ober dem Theme und einen Rechts vom Theme aber immer ausserhalb plazieren.

    So wie hier
    http://www.sportundnews.de/

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden