Ergebnis 1 bis 4 von 4

Thema: Div Positionierung - bottom

  1. #1
    Youngster
    Registriert seit
    13.07.2006
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Div Positionierung - bottom

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css">
    <!--
    #menue &#123;
    	position&#58;absolute;
    	left&#58;13px;
    	top&#58;12px;
    	width&#58;193px;
    	height&#58;287px;
    	background-image&#58;url&#40;images/menuleft.jpg&#41;;
    &#125;
    #rolle &#123;
    	position&#58;relative;
    	bottom&#58;0px;
    	width&#58;193px;
    	height&#58;49px;
    &#125;
    -->
    </style>
    </head>
    
    <body>
    <div id="menue">
    <div id="rolle">[img]images/test.png[/img]</div></div>
    
    </body>
    </html>
    Hab dazu mal noch ein Bild angehängt. Das ganze soll ein Menü werden, später kommt noch Home.. ect. dazu. Die Schriftrolle die nun im Bild Oben hängt sollte eigentlich am unterem Ende des 1. Div´s sein. Und sich automatisch anpassen wenn im Menü etwas dazu kommt und es dadurch länger wird. Also das es IMMER am unterem Rand vom Menü ist.

    Ich bekomm das ganze einfach nicht hin, nicht mal das sie sich unten ausrichtet.

    Ich hoffe ich habe das verständlich genug erklaert.


    sternli
    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 !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das wirst du so nicht hinbekommen:
    Du hast für das menue einen eigenen div, wo deine Links rein kommen.
    Also muss sich auch dieser div entsprechend der Anzahl der Links bzw. seiner Höhe nach unten erweitern.
    Dein zweiter div mit der Rolle hat dann mit der menue-Höhe nichts zu tun.
    Warum verzichtest du nicht einfach auf diesen? Das background-image von menue kachelt sich mit zunehmendem Inhalt doch automatisch nach unten.

    Oder du fügst den "letzten Teil" des menues eben in den Rollen-div.
    Verzichte auf absolute Positionierungen.

    So müsste es funktionieren:

    Code:
    <style>
    
    #navi
    &#123;float&#58;left;&#125;
    
    #menue &#123;
       margin-left&#58;13px;
       margin-top&#58;12px;
       width&#58;193px;
       background-image&#58;url&#40;images/menuleft.jpg&#41;;
       background-repeat&#58; repeat-y;
    &#125;
    #rolle &#123;
    margin-left&#58;13px;
    width&#58;193px;
    background-image&#58;url&#40;images/test.png&#41;;
      &#125;
    
    </style>
    </head>
    
    <body>
    <div id="navi">
    <div id="menue">
    menue 1
    </div>
    <div id="rolle">"Ergänzungslinks"</div>
    </div>

  3. #3
    Gast

    Standard

    oohh.. super danke fuer die Antwort, genau so hab ich das gewollt

    Vielen Dank !

  4. #4
    Youngster
    Themenstarter

    Registriert seit
    13.07.2006
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    bla , als gast getippert Danke

Ähnliche Themen

  1. CSS Am Bottom ausrichten
    Von Dikra im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.01.2008, 09:50
  2. Bild als Bottom mit Div ?
    Von Ole im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 31.12.2007, 13:55
  3. Border-Bottom nicht in Farbe
    Von maple im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 29.11.2006, 09:38
  4. top und bottom mit AS setzen
    Von Silvercat im Forum Flash Forum
    Antworten: 4
    Letzter Beitrag: 13.08.2006, 23:07
  5. css: border-bottom-color
    Von Rocco im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 03.02.2005, 16:38

Stichworte

Berechtigungen

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