Ergebnis 1 bis 6 von 6

Thema: Bild am unteren Rand eines div-Containers festmachen

  1. #1
    HTML Newbie
    Registriert seit
    21.01.2013
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Bild am unteren Rand eines div-Containers festmachen

    Hallo,

    ich sitze seit einigen Stunden vor folgender Herausforderung.
    Ich habe eine Webseite, die in mehrere div-Container aufgeteilt ist. Einer für den Header, einer für eine linke Spalte im Hauptteil, einer für den mittigen Hauptteil, einer für den rechten Hauptteil und einen footer. Der gesamte Hauptteil (die 3 Bestandteile) sitzt ebenfalls in einem Container. Und um die gesamte Seite inkl. Header und footer ist auch nochmal einer drumrum.
    Soviel mal zum Gerüst.

    In der linken Spalte im Hauptteil soll am unteren Ende bündig ein Bild festgemacht werden. Leider habe ich keinen Schimmer, wie ich das da unten hin bekomme. Die für mich und mein Können einfachste Variante war das Einfügen einiger <br />, damit bekomme ich es definitiv nach unten. Da damit aber der linke Container "größer" wird, als der mittlere aber in der CSS der mittlere Container die Rahmen hat (was ich auch nicht ändern werde, da es mir sonst sämtliche Unterseiten zerhagelt), ergab es eine Rahmenlücke zum linken.

    Meine HTML und CSS-Kenntnisse sind leider nicht die besten. Ich mache hier mehr Learning-by-doing, aber auch über Selfhtml habe ich nicht die Lösung meines Problems gefunden.

    Kann mir dabei bitte mal jemand helfen? Danke im Voraus.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Der kleine Frosch
    Gast

    Standard AW: Bild am unteren Rand eines div-Containers festmachen

    Versuch mal folgenden einfachen Befehl ins Bild-html zu schreiben:

    align="absbottom"

    Bspl.:
    HTML-Code:
    <img src="images/blabla.jpg" alt="Name" width="WERT" height="WERT" align="absbottom">
    Falls nicht kannst du dir dann noch
    Absolute + Relative Positionierung oder
    das Boxmodel
    in CSS anschauen.

    Mit allen 3 Möglichkeiten ist es zu schaffen, wobei CSS für genaues ausrichten unentbehrlich ist.

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Bild am unteren Rand eines div-Containers festmachen

    ich seh da nur 2 wege, das boxmodell hat doch in erster linie nichts mit der positionierung zu tun.
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Teeny Avatar von styleshiet
    Registriert seit
    06.06.2012
    Beiträge
    49
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild am unteren Rand eines div-Containers festmachen

    Versuch mal folgendes:
    Code:
    div.links{position:relative;}
    div.links img{display:block;width:100%;position:absolute;left:0;bottom:0;}
    Ich hab's zwar nicht getestet, sollte aber klappen...
    Stell dir vor es ist machbar, aber keiner kriegt's hin...

    CssApps.de

  5. #5
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Bild am unteren Rand eines div-Containers festmachen

    Muss es ein Bild im Sinne eines <img>-Elementes sein, um es z.B. zu verlinken? Oder dient das Bild nur als Design-Element? Besonders bei letzterem würde ich dazu raten es als Hintergrundbild einzufügen. Die kann man dann auch nach unten positionieren.

    Code:
    #links {
     background-image: url(bild.png);
     background-position: bottom right;
     background-repeat: no-repeat;
    }

  6. #6
    Der kleine Frosch
    Gast

    Standard AW: Bild am unteren Rand eines div-Containers festmachen

    Dachte nur das Boxmodel ist leichter zu verstehen als die Absolute/Relative Positionierung .

Ähnliche Themen

  1. Antworten: 7
    Letzter Beitrag: 08.04.2012, 16:50
  2. Variable höhe eines DIV-Containers
    Von csigg im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 13.06.2011, 23:46
  3. Bilder & Abstand zum unteren Rand
    Von NonServiam im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 06.12.2005, 09:53
  4. abstand vom rand eines css bereichs
    Von thunder im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 04.11.2005, 10:06
  5. Text im div-Layer am unteren Rand ausrichten?
    Von Ivanman im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 27.10.2005, 13:53

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •