[HTML/CSS] Problem mit "height"

01.08.2005, 17:01 #1 (Permalink)

Kompost

Registriert seit: 25.10.2003

Beiträge: 8.502

[HTML/CSS] Problem mit "height"

Hi, ich habe ein Problem mit der Höhe einer Tabelle auf meiner Website.
In meinem Tabellekopf steht folgendes:

Code:

<table class="table" border="0" cellpadding="0" cellspacing="0">

in meinem zugehörigen CSS-Stylesheet:

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

__________________
:hammer:

● Offline Zitieren nach Anmeldung

31.10.2005, 22:49 #2 (Permalink)

boonz

Tokio Hotel Fan 10 Jahre hx3

Registriert seit: 04.05.2005

Ort: Bahamas

Alter: 35

Beiträge: 1.460

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.

__________________

Zitat:

"Sodomy non sapiens."
- Pterry (Mort)

o
L_
OL
"This is Schäuble. Copy Schäuble into your signature to help him on his way to Überwachungsstaat."

"Tokio Hotel Fan" -edited by Burns :P
• - auch edited by Burns :P

● Offline Zitieren nach Anmeldung

31.10.2005, 23:52 #3 (Permalink)

anders^on

Administrator

Registriert seit: 10.05.2003

Ort: Bayern™

Beiträge: 3.483

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.

● Offline Zitieren nach Anmeldung

01.11.2005, 12:31 #4 (Permalink)

boonz

Tokio Hotel Fan 10 Jahre hx3

Registriert seit: 04.05.2005

Ort: Bahamas

Alter: 35

Beiträge: 1.460

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:

__________________

Zitat:

"Sodomy non sapiens."
- Pterry (Mort)

o
L_
OL
"This is Schäuble. Copy Schäuble into your signature to help him on his way to Überwachungsstaat."

"Tokio Hotel Fan" -edited by Burns :P
• - auch edited by Burns :P

● Offline Zitieren nach Anmeldung

01.11.2005, 13:43 #5 (Permalink)

anders^on

Administrator

Registriert seit: 10.05.2003

Ort: Bayern™

Beiträge: 3.483

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.

● Offline Zitieren nach Anmeldung