Verständnis Frage...

[Radhad]

Hallo zusammen,

ich wollte nur wissen, ob folgender CSS Code auch richtig valid ist. Im IE6 & Firefox 1.5.0.7 klappt es wunderbar. Könnte ein Fehler auftauchen bzgl. height?

#newscontent {
width: 300px;
border-right: 1px dashed #000;
font-size: 12px;
min-height: 300px;
height: auto !important;
height: 300px;
float: left;
}

#screens{
width: 377px;
float: left;
min-height: 300px;
height: auto !important;
height: 300px;
}

#forumcontent {
width: 300px;
border-left: 1px dashed #000;
min-height: 300px;
height: auto !important;
height: 300px;
float: left;
}

 

[Maik]

Der Code sieht "sauber" aus, um für die Elemente eine Mindesthöhe von 300 Pixel einzurichten

 

[Radhad]

Das klappt dann für alle Browser?

Allerdings habe ich festgestellt, dass die nicht mitwachsen, sollte ein div größer werden :/

 

[Maik]

Jepp, das funktioniert in allen Browsern.

Wenn die Spalten, unabhängig von ihrem Inhalt, immer die gleiche Höhe besitzen sollen, empfehle ich Dir hierfür die "Faux-Columns-Technik".

Hier im CSS-Board findest Du von mir auch einige Lösungsbeispiele zu der Methodik, wie u.a. diese hier:

1. http://www.tutorials.de/forum/css/256666-ie-height-100-a.html#post1334785
   
2. http://www.tutorials.de/forum/css/256050-div-container-gleiche-groesse.html#post1331998
   
3. http://www.tutorials.de/forum/css/243050-height-100-a.html#post1327013