Abstand weg machen?!

    Guten Mittag,

    ich habe ein sehr lästiges Problem, dass ich seit gestern Abend einfach nicht in den Griff bekomme. Es geht um folgende Seite:

    http://rechtsirrtuemer.com/

    Dort seht ihr rechts die Sidebar bzw. die schwarzen Boxen. Über der Kategorie Box, war die Such Box. Diese habe ich aus der Sidebar gelöscht, weil ich sie einfach nicht brauche. Leider rutscht die Kategorie und Link Box nicht nach und bleibt an ihrem alten Platz. Dabei müsste sie hoch rutschen, weil ich will es wie auf folgendem Bild haben:

    http://www.abload.de/img/wordpress02zd.jpg

    Also die Sidebar soll oben auf gleicher Höhe abschließen wie der linke Inhalt halt auch. Sieht das sonst sehr bescheiden aus. Alle meine bisherigen Versuche das irgendwie hinzu bekommen, schlugen fehl.

    Die Sidebar.php: http://www.xup.in/dl,18371981/18965paste.txt/
    Die Style.CSS: http://www.xup.in/dl,90234729/87364paste.txt/

    Ich habe z.B. folgendes versucht:

    Code
    /* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.SR { font-size: 11px; width: 220px; color:#ccffff; padding: [B]25px[/B] 0px 0px 0px; position: relative; float: right;  }

    Hier einfach mal die 25 auf -25px geändert. Es rutscht dann zwar ein winziges Stück hoch. Aber selbst wenn ich es dann auf - 100 oder so mache, rutscht es nicht weiter.

    Ich würde mich sehr über eure Hilfe freuen. Ist echt ein sehr ärgerliches Problem.

    Beste Grüße,
    PeterPa

    • 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

    Mach Dich mal mit Tools wie Firebug oder F12 im IE 8 vertraut. Dann siehst Du sehr schnell woran es hakt. .SC und .SR sind in .CON enthalten, also fängt .SR schon mal unter dem Header an. Da an .SR noch 25 Pixel Padding definiert sind, beginnen die Boxen noch ein Stück weiter unten.

    Du könntest jetzt z.B. .Con und .SC zusammenlegen und .SR danach beginnen lassen. Das könnte dann neben .Con und .SubHeader rutschen, wenn Du .SubHeader entsprechend weniger breit machst (genauso breit wie .Con -- sehe gerade dass .SubHeader mit 520 Pixeln ja schon schmaler ist. .Con/.SC müsste dann also auch nur 520 Pixel breit sein). Dann noch an .SR einen negativen Margin in der Höhe von .Header und die 25 Pixel Padding nach oben weg.

    Sorry wenn das jetzt sehr technisch ist. Etwas CSS-Kenntnisse gehören für solche Basteleien leider dazu.

    Vielen Dank, für die Antwort. Leider geht das nicht so einfach?

    Wenn ich .Con nur 520 breit mache, ist die Seite völlig verschoben? Wäre sehr nett, wenn du dir es mal anschauen würdest. .SC? Wo ist das?

    Für Umbauten am Stylesheet wie diese brauchst Du leider zumindest Grundkenntnisse von CSS und dann wirklich ein Tool wie Firebug. Da siehst Du sehr schön, was wie zusammenhängt und welche Boxen bis wohin gehen. .SC liegt direkt neben .SR und enthält den eigentlichen Content. Sieht für mich so aus als bräuchtest Du eigentlich nicht beide Boxen. Du kannst sie aber auch einfach ineinander geschachtelt lassen.

    Was ich oben noch vergessen hatte: Damit .SR dann auch neben die andere Box rutscht, müssen ggf. beide Boxen noch gefloatet werden falls sie es nicht sind.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden