1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Div fixieren

  • MasterOfDsaster
  • 1. März 2009 um 20:15
  • MasterOfDsaster
    Teeny
    Beiträge
    24
    • 1. März 2009 um 20:15
    • #1

    Hallo liebe Community!

    Ich habe bei meinem aktuellem Projekt ein Problem mit der Positionierung eines DIVs. Habe die Problemseite mal hier hochgeladen: http://www.gogh.ch/physio

    Ich würde gerne den "Sidebar"-Div mit den Kontaktinformationen so positionieren, dass er unten abschließt.

    Also so, wie auf diesem Screenshot zu sehen:
    [Blockierte Grafik: http://img3.imagebanana.com/img/zls8ff6a/thumb/Unbenannt3_vers10.jpg]

    Ich hoffe Ihr könnt mir helfen,
    Jonas

    neues projekt: http://www.gogh.ch

  • Billbos
    Profi
    Beiträge
    485
    • 1. März 2009 um 20:36
    • #2

    Hast du es schonmal mit margin und / oder float probiert?

    Mfg Billbos

    http://www.danielsfotos.com

  • MasterOfDsaster
    Teeny
    Beiträge
    24
    • 1. März 2009 um 20:41
    • #3

    Wie meinst du das?

    neues projekt: http://www.gogh.ch

  • Bandit
    Gast
    • 1. März 2009 um 20:44
    • #4

    Bei dem Header margin und padding auf 0px setzen.

  • MasterOfDsaster
    Teeny
    Beiträge
    24
    • 1. März 2009 um 21:29
    • #5

    Habe jetzt im Header, in der Sidebar und im Footer auf 0px gesetzt, bringt nichts...

    neues projekt: http://www.gogh.ch

  • Billbos
    Profi
    Beiträge
    485
    • 1. März 2009 um 22:40
    • #6

    gib mal ganz oben in deinem Stylesheet folgendes ein

    * {
    margin: 0;
    padding: 0;
    }

    http://www.danielsfotos.com

  • MasterOfDsaster
    Teeny
    Beiträge
    24
    • 1. März 2009 um 22:45
    • #7

    bringt leider auch nichts...

    kann man das Div nicht irgendwie mit position:bottom oder sowas unten festkleistern? ^^

    neues projekt: http://www.gogh.ch

  • Billbos
    Profi
    Beiträge
    485
    • 1. März 2009 um 22:51
    • #8

    Schau mal auf meine Seite http://billbos.eu/sample
    Hier habe ich folgendes gemacht...

    Code
    /* Footer */
    
    
    #footer {
        background: transparent url(../img/background/footer.png) no-repeat;
        width: 770px;
        height: 130px;
        margin: 5px [size=18][COLOR=Red]auto[/COLOR][/SIZE] 25px [size=18][COLOR=Red]auto[/COLOR][/SIZE];
        padding: 10px 15px 10px 15px;
        border: none;
        clear: left;
        text-align: center;
    }
    
    
    /* W3C Check*/
    
    
    #w3c {
        margin: 10px auto;
        height: 30px;
        width: 170px;
        border: none;
        clear: both;
    }
    Alles anzeigen

    http://www.danielsfotos.com

  • jojo87
    der/die Göttliche
    Reaktionen
    6
    Beiträge
    3.131
    • 1. März 2009 um 23:19
    • #9

    also entweder ich bin zu doof und checks nicht, oder ihr habt sein Problem nicht verstanden.
    Was soll das alles mit dem margin/padding ?

    Das bringt spätestens dann nichts mehr, wenn der rechte Inhalt länger wird als die Sidebar.
    Mensch kann das mit absoluter Positionierung lösen (wie der Threadersteller schon angedacht hat).
    Besser wäre wahrscheinlich eine Lösung über faux-columns

    Gute Nacht,
    jojo


  • MasterOfDsaster
    Teeny
    Beiträge
    24
    • 2. März 2009 um 17:08
    • #10

    Danke, das ist hoffentlich die Lösung!

    Werde ich heute mal probieren und mein Ergebnis mitteilen!

    Gruß

    neues projekt: http://www.gogh.ch

Tags

  • www
  • http
  • background
  • text
  • problem
  • code
  • php
  • auto
  • nacht
  • div
  • sparen
  • inhalt
  • lösen
  • border
  • png
  • transparent
  • lösung
  • css
  • repeat
  • header
  • w3c
  • float
  • padding
  • margin
  • sidebar
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern