[smaxx]

Neuer sacht Hallo!

Ich krieg´ folgendes Problem einfach nicht gebacken:

<div id="aussen">
   <div id="innenlinks">
      content1 blabla
      content1 blabla
      content1 blabla
      content1 blabla
   </div>
   <div id="innenrechts">
      content2 blabla
   </div>

div#aussen{
	width: 100%;   
}
div#innenlinks{
	width: 66.66%;   
        float: left;
}
div#innenrechts{
	width: 33.33%;   
        float: left;
}

nun soll div#innenlinks und div#innenrechts nebeneinander und in der Höhe immer gleich sein, egal welcher Content länger ist. Ich bin schon kurz davor die "Tables" auszupacken...
(Anmerkung: Den Code habe ich mal auf das wesentliche beschränkt! da sind dann noch einige <div>´s drumrum, und auch CSS-mässig einiges mehr drin.)

Mit

height: auto;

und

height: 100%;

hab ich´s schon probiert, ohne Erfolg.

würde mich über einen Denkanstoß freuen!
Grüße
Steffen

[David]

Das kann so nicht funktionieren, denn height:100% bezieht sich auf die Höhe des Elternelements und height:auto; auf das Normalverhalten, also die Höhe ergibt sich aus dem Inhalt.

Entweder du nutzt die "Faux Colums" Technik, um eine gleiche Höhe zu simulieren, oder du verwendest CSS-Tabellen (display: table (/table-row /table-cell).

[smaxx]

Faux Colums.... das hatte ich auch gerade gefunden... allerdings funktioniert dies bei mir nicht, da ich dynamische Hintergründe hab (mouseover fadein/out), also brauch ich 2 getrennte Hintergründe...

werd´mir dann mal die CSS-Tables anschauen, wusste ich gar nicht dass das auch über CSS geht

Danke für die schnelle Hilfe
Steffen.

Edit sagt: height:100% vom Elternelement, ist klar, aber wenn div#aussen {height:400px; } is, sollte das doch gehen, meiner Meinung nach ??

[David]

Ich dachte es soll dynamisch bleiben und sich am Inhalt orientieren...
Wenn das äußere div eine Höhe von 400px hat, warum gibst du dann nicht den beiden Inneren die selbe Höhe?

[smaxx]

sorry, ist klar - Denkfehler.
Natürlich ist muss das Elternelement auch dynamisch sein.

[hubspe]

Hi,

Zum Thema height:auto und height:100%:

ein weit verbreiteter Irrtum ist, das man nur durch die Definition von height:100%; für ein Element z.B. #wrapper dasselbe auf die Höhe des sichtbaren Bereiches aufziehen kann.

Dabei wird leicht vergessen das #wrapper noch mindestens zwei Elternelemente hat: body und html.
Wenn für diese beiden Elemente nicht auch height:100%; vergeben wird funktioniert es nicht.

Ohne Höhenangabe gilt height:auto;, dabei paßt sich die Höhe dem Inhalt an.
Wenn für das Elternelement (body) height:auto gilt kann height:100%; für das Kindelement (#wrapper) logischerweise nicht errechnet werden, da body ja nur so hoch wie sein Inhalt ist.

html ist ja das Wurzelelement, wo alle anderen Elemente drinhocken, d.h. html hat keine Vorfahren.
Gibt man diesem height:100%; bezieht sich diese Prozentangabe auf den Initial Containing Block, was ein Rechteck in der Größe des Viewports ist.