HX3 Foren

HX3 Foren (https://hx3.de/)
-   Software- und Webentwicklung (https://hx3.de/software-webentwicklung-23/)
-   -   [HTML/CSS] Problem mit "height" (https://hx3.de/software-webentwicklung-23/html-css-problem-height-11111/)

Kompost 01.08.2005 16:01

[HTML/CSS] Problem mit "height"
 
Hi, ich habe ein Problem mit der Höhe einer Tabelle auf meiner Website.
In meinem Tabellekopf steht folgendes:
HTML-Code:

<table class="table" border="0" cellpadding="0" cellspacing="0">
in meinem zugehörigen CSS-Stylesheet:
HTML-Code:

.table {
      width: 100%;
      height: 100%;
}

Der Befehl "width" wird richtig interpretiert und die Tabelle erstreckt sich über das gesamte Browserfenster. Allerdings ist die Tabelle nur so hoch wie der Inhalt.

Im Opera und Internet Explorer wird alles nach meinen Wünschen angezeigt (die Tablle erstreckt sich vertikal und horizontal über das gesamte browserfenster), die oben genannten probleme treten nur im Firefox, Mozilla und Netscape auf.

Danke im vorraus für die Hilfe :)

boonz 31.10.2005 21:49

AW: [HTML/CSS] Problem mit "height"
 
Das hier beschriebene Problem tritt bei mir ebenfalls auf und bereitet mir Kopf-Zerbrechen.
Ähnliche Problematik in diesem Thread:
http://foren.hx3.de/showthread.php?p=107324#post107324

Falls es jemand weiß, so möge dieser bitte eine Lösung posten ;)
Ich glaube, dass es etwas mit der Browser-Interpretation der relativen Angabe "100%" zu tun hat, bin aber nicht sicher.

anders^on 31.10.2005 22:52

AW: [HTML/CSS] Problem mit "height"
 
min-height heisst das Zauberwort.

min-height:100% macht bei FireFox & Co das entsprechende Element 'mindestens'
100% hoch, oder eben höher, wenn es der Inhalt verlangt.

Internet Explorer versteht das aber nicht, da braucht man dann einen 'Conditional Comment',
der height: 100% enthält. Wichtig ist, dass alle anderen Browser kein height: 100%
im Stylesheet stehen haben dürfen, sonst machen sies falsch.

Wenn es aber nur um ein durschnittliches Header-Menu-Inhalt-Footer-Layout geht, kann
man auch einfach einen Hintergrund erstellen, der die Illusion einer 100%ig hohen Tabelle
schafft. Der Footer wird dann mit position: absolute und bottom: 0px; druntergehängt.
Is auf jeden Fall die elegantere Lösung und weniger Browserabhängig.


.. und wenns nun immernoch nicht klappt, bitte genauer werden, warum genau die Tabelle
100% hoch sein muss.

boonz 01.11.2005 11:31

AW: [HTML/CSS] Problem mit "height"
 
Naja, es geht darum, dass die Content-Div-Box links und rechts von zwei Menü-Div-Boxen umschlossen ist, und sich alle 3 logischer Weise anpassen sollen :nixweiss:

anders^on 01.11.2005 12:43

AW: [HTML/CSS] Problem mit "height"
 
Hintergrund. Ein div um die 3 Boxen legen und diesem div einen Hintergrund geben, der
dann logischerweise so lange ist wie die längste Box innerhalb des umschließenden divs.

Hab ich aber auch schon oben geschrieben.


Alle Zeitangaben in WEZ +1. Es ist jetzt 11:26 Uhr.

Angetrieben durch vBulletin, Entwicklung von Philipp Dörner & Tobias


SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119