PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr

PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr (https://www.php-resource.de/forum/)
-   HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS (https://www.php-resource.de/forum/html-javascript-ajax-jquery-css-bootstrap-less/)
-   -   [CSS] 100% Tabellenhöhe im IE (https://www.php-resource.de/forum/html-javascript-ajax-jquery-css-bootstrap-less/87250-css-100-tabellenhoehe-im-ie.html)

proximus 28-09-2007 15:08

[CSS] 100% Tabellenhöhe im IE
 
Mahlzeit!

Ich arbeite zur Zeit an einem Layout mit einer Tabelle, die mit "height: 100%" die Höhe des Browserfensters ausfüllen soll.

Hier ist mein Bsp.: http://dennishoene.de.funpic.de/index2.html (Ignoriert einfach die JS-Werbung)

Ich habe ein einfaches Gitter für verschiedene Inhalte erstellt. Soweit so gut, im Firefox, Safari und Opera funktioniert die Höhe von 100% ausgezeichnet. Im IE prinzipiell auch, doch es gibt Probleme mit den festen Höhen einiger Zeilen/Zellen:

Ich habe in der 1. Zeile (30px), in der 2. Zeile (120 px), in der 3. Zeile (30px) und in der >>>fünften<<< Zeile (30px) feste Höhen verwendet. Die >>>vierte<<< Zeile soll in der Höhe variabel sein, um verschiedene Bildschirmauflösungen bedienen zu können. [-> s. Quelltext]

Während in den o.g. Browsern alle Höhen korrekt dargestellt und interpretiert werden, missachtet der Internet Explorer diese einfach.

Was ist hier zu tun? Vielen Dank im Voraus!

Grüße,
Dennis.

jahlives 28-09-2007 15:21

Zitat:

Ich arbeite zur Zeit an einem Layout mit einer Tabelle, die mit "height: 100%" die Höhe des Browserfensters ausfüllen soll.
Bevor du noch mehr Zeit darin investierst. Tabellen sind NICHT für Layoutzwecke zu missbrauchen. Sondern nur für tabellarische Daten. Schau mal bei http://css4you.de vorbei und schau dir die Layouts ohne Tabellen an. Ein Stichwort für die Google Suche könnten auch 'faux columns' sein

Gruss

tobi


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:25 Uhr.

Powered by vBulletin® Version 3.8.2 (Deutsch)
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.0
[c] ebiz-consult GmbH & Co. KG