HX3 Foren  

  HX3 Foren > Konstruktiv > Software- und Webentwicklung

Software- und Webentwicklung Planung, Programmierung und Administration
UML, JavaScript/DOM, ASP, JSP, PHP, Apache, MySQL, Python, Perl (...)

Antwort
 
Themen-Optionen Ansicht
Alt 01.08.2005, 17:01   #1 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard [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
__________________
Kompost ist offline   Mit Zitat antworten
Alt 31.10.2005, 22:49   #2 (permalink)
Tokio Hotel Fan 10 Jahre hx3
500 Beiträge1000 Beiträge
 
Benutzerbild von boonz
 
Registriert seit: 04.05.2005
Ort: Bahamas
Alter: 32
Beiträge: 1.460
boonz eine Nachricht über ICQ schicken boonz eine Nachricht über Skype™ schicken
Standard 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
boonz ist offline   Mit Zitat antworten
Alt 31.10.2005, 23:52   #3 (permalink)
Administrator
500 Beiträge1000 Beiträge2.500 Beiträge
 
Benutzerbild von anders^on
 
Registriert seit: 10.05.2003
Ort: Bayern™
Beiträge: 3.483
anders^on eine Nachricht über ICQ schicken anders^on eine Nachricht über Skype™ schicken
Standard 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.
anders^on ist offline   Mit Zitat antworten
Alt 01.11.2005, 12:31   #4 (permalink)
Tokio Hotel Fan 10 Jahre hx3
500 Beiträge1000 Beiträge
 
Benutzerbild von boonz
 
Registriert seit: 04.05.2005
Ort: Bahamas
Alter: 32
Beiträge: 1.460
boonz eine Nachricht über ICQ schicken boonz eine Nachricht über Skype™ schicken
Standard 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
__________________
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
boonz ist offline   Mit Zitat antworten
Alt 01.11.2005, 13:43   #5 (permalink)
Administrator
500 Beiträge1000 Beiträge2.500 Beiträge
 
Benutzerbild von anders^on
 
Registriert seit: 10.05.2003
Ort: Bayern™
Beiträge: 3.483
anders^on eine Nachricht über ICQ schicken anders^on eine Nachricht über Skype™ schicken
Standard 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.
anders^on ist offline   Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Kontakt - HX3.de - Archiv - Nach oben

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