Problem
Ich will zwei DIVS nebeneinander haben, wobei das linke eine feste Größenangabe hat (weil es ein Bild/Logo ist), und das rechte den Rest des Browserfensters ausfüllen soll (welches die Farbe des Bildes „weitermalt“).
Jedesmal wenn ich nun width=100% für den zweiten div angebe, interpretiert er das als 100% vom gesamten Fenster, nicht als 100% vom Rest des Fensters (weil ja rechts schon ein Bild ist). Ich habe es auch schon in ein anderes Div eingebettet, aber leider ohne Erfolg.
Lösung
Versuche drei Divs zu erstellen.
- Eines mit z.B. 100Pixel Breite (div2)
- Eines mit keiner Breitenangabe (da kommt der Homepageinhalt rein) (div3)
- Eines um die beiden herum mit einer Breitenangabe von 100% (div1) . Dieser dient nur als Träger und definiert, dass div 2 und div 3 zusammen 100% geben sollen .
Wenn man einem DIV (oder generell jedem Blockelement) keine Breite zuweist, nimmt es automatisch den maximal verfügbaren Platz ein.
Ein width: 100% „zwingt“ es dazu, die gesamte Fensterbreite zu nehmen.
http://xhtmlforum.de/39887-bei-divs-pixel-u-prozent-angabe.html