Beiträge von qwe1qwe

  • Variable Anpassung an Inhalt von 2 DIVs ineinander

    Hallo miteinander,


    habe ein kleines Problem:


    Ich habe 2 Menüs:


    1. Menü: Statische Größe
    2. Menü: Passt sich der Höhe an, die die Webseite hat


    Aktueller Aufbau:
    HTML:

    HTML
    <div id="page" class="container"><div id="page-bgtop"><div id="page-bgbtm"><div id="sidebar"><div class="menu">Menü1</div>Menü2</div>... Content ...



    CSS:

    CSS
    #sidebar {	float: left;	width: 270px;}.container {	width: 900px;}.menu {	width: 200px;	height: 325px;	margin: 0px 0px 15px 0px;	padding: 15px 35px 0px 35px;}#page {	background: url(images/bg06.jpg) repeat-y left top;}
#page-bgtop {	background: url(images/bg04.jpg) no-repeat left top;}
#page-bgbtm {	overflow: hidden;	width: 850px;	padding: 30px 50px 30px 0px;	background: url(images/bg05.jpg) no-repeat left bottom;}



    Momentan sind es 3 Bilder:
    - komplettes Menü 1 mit Anfang Menü 2
    - 1px Farben vom Menü 2
    - Ende Menü 2


    Hoffe das reicht :)


    Meine Vorstellung:
    1. Menü: Automatische Anpassung an Inhalt
    2. Menü So wie jetzt


    Ich habe bereits 5 Bilder erstellt:
    - Anfang Menü 1
    - 1px Farben Menü 1
    - Ende Menü 1 + Anfang Menü 2
    - 1px Farben Menü 2
    - Ende Menü 2


    Wie muss ich die CSS-Datei ändern und wie muss der Aufbau der DIVs in der HTML-Datei sein?


    Hoffe mir kann jemand weiter helfen :)


    Grüße
    qwe1qwe


    PS:
    Die Formatierung ist irgendwie verloren gegangen 8|