in float:left geht width:auto nicht.

[vangoo]

hi,

ich habe ich habe 4 div boxen welche wiederum auch 4 boxen beherbergen.

beispielsweise so

div 1           div 2            div 3            div 4
|---------------|----------------|----------------|------------------

div 1.1	div 1.1	div 1.1	div 4.1
div 1.2	div 1.2	div 1.2	div 4.2
---------------	----------------	----------------	------------------
div 1.3	div 1.3	div 1.3	div 4.3
---------------	----------------	----------------	------------------
div 1.4	div 1.4	div 1.4	div 4.4
---------------	----------------	----------------	------------------

die Boxen 1, 2 und 3 sind von ihrer breite fest auf pixel festgelegt. die 4. Box soll sich den restlichen Platz nehmen (mit: width:auto).

Ich habe alle 4 Boxen mit:

.div1, div2, div3, div4{
float:left;
}

nebeneinander gepackt.

das funktioniert auch alles.

Leider ist es so das die 4 Box im moment nur rahmen hat. Das soll auch erst mal so bleiben. Aber solange das so ist wird diese box nicht angezeigt. Erst wenn ich ihr feste pixel als breite zuweise.

Ich möchte aber das sie sich den rest der breite bis zum Bildschirmrand nimmt.

Wie könnte ich das sauber erledigen?

bye vangoo

[Ingo Turski]

Hi,

die 4. Box soll sich den restlichen Platz nehmen (mit: width:auto).

dann lasse sie nicht floaten, denn eine gefloatete Box richtet sich in ihrer Breite gemäß CSS 2.1 nach ihren Inhalt.

freundliche Grüße
Ingo

[vangoo]

ahh danke ;)

das ging ja mal schnell.

bye vangoo