|
|||
CSS-formatierte Tabelle / height 100% / auto+fixed Zeilenhöhen
Hallo,
ich versuche mich nun schon 2 Tage lang an einem scheinbar IE-spezifischen Problem bei dem ich einfach nicht weiterkomme und deshalb möchte ich euch um Mithilfe bitten. Folgendes Problem: Ich möchte in einer 3-zeiligen, mittels CSS-formatierten Tabelle, die über die komplette Höhe der Seite gehen soll, der oberen und unteren Zeile eine feste Größe geben und die mittlere Spalte soll den Rest auffüllen – 2 sind also fix, die mittlere soll auto sein. Ich habe folgenden Code geschrieben der in Camino, Safari, FireFox, OmniWeb auf dem Mac und FireFox, Opera auf dem PC funktionieren, nur der IE/Win sperrt sich: layout.html Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>untitled</title> <link rel="stylesheet" href="css/layout.css" type="text/css"> </head> <body> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="row1">Data1</td> </tr> <tr> <td class="row2">Data2</td> </tr> <tr> <td class="row3">Data2</td> </tr> </table> </body> </html> Code:
html, body { margin: 0; padding: 0; text-align: center; height: 100%; } table { margin: 0px auto; height: 100%; width: 500px; } .row1 { height: 50px; background-color: gray; } .row2 { height: auto; background-color: blue; } .row3 { height: 50px; background-color: silver; } Ich bin über jegliche Hinweise in die richtige Richtung dankbar! Viele Grüße, W.
__________________
What you see is what you get! |
Sponsored Links |
|
|||
Nach erneutem googlen bin ich auf folgende Problem-Beschreibung gestoßen, die das Problem anscheinend thematisiert nur in meinem Fall keinen Lösungsansatz bietet:
100% Table Height Das ist doch zum Speien! *grummel*
__________________
What you see is what you get! |
Sponsored Links |
|
|||
Zitat:
/me
__________________
What you see is what you get! |
|
||||
Zitat:
Aber wenn Du partout Deine Tabellen benutzen willst: Im Quirksmode gehorcht der IE Deinem CSS EDIT: Die beste Alternative wäre FAQ Punkt 7 (da die genannten Frame-Simulationen auch nicht das Wahre sind). Geändert von heiko_rs (13.11.2007 um 15:59 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div-höhe? - Hauptcontainer über ganze Seite will nicht... | AndMei | CSS | 5 | 13.12.2010 15:43 |
z-index hoch, dennoch grafik nicht ganz oben | bergg | CSS | 6 | 27.10.2010 17:02 |
Float-Problem? | mischaef | CSS | 33 | 20.10.2010 17:20 |
IE7 stellt Seite nicht richtig da (versetzter Text fehlendes Logo) | Chagh | CSS | 2 | 26.04.2009 13:40 |
CSS - Background-image im Firefox | djsky | CSS | 7 | 04.02.2009 22:36 |