mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 16:22 Benutzername: Passwort: Auto-Login

Thema: Tabelle mit 100% im IE falsche Darstellung vom 03.10.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Tabelle mit 100% im IE falsche Darstellung
Autor Nachricht
uolpet
Threadersteller

Dabei seit: 03.10.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 03.10.2006 12:05
Titel

Tabelle mit 100% im IE falsche Darstellung

Antworten mit Zitat Zum Seitenanfang

Hallo

Ich habe folgende Tabelle erstellt (im Firefox und Netscape sieht es auch tip top aus nur im IE will es nicht so ganz):

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body, html {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding: 0px;
   height: 100%;
}
-->
</style>
</head>

<body>
<table width="100%" style="height:100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="200" valign="top" bgcolor="#006633">&nbsp;</td>
    <td valign="top" style="height:100%"><table width="100%" style="height:100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="100" valign="top" bgcolor="#00CCCC">&nbsp;</td>
      </tr>
      <tr>
        <td valign="top" style="height:100%">&nbsp;</td>
      </tr>
      <tr>
        <td height="50" valign="bottom" bgcolor="#666699">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>


Warum wird die Zelle mit der Höhe 100% im IE zu gross dargestellt?
Die erste Zelle hat eine feste Höhe von 100px und die letzte eine von 50px, die in der Mitte ist variabel (eben 100%) doch der blöde IE hängt die 150px unten ran, so dass es ein Scrollbalken gibt.

Für einen guten Ratschlag/Lösung bin ich sehr dankbar.

Gruss
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 03.10.2006 14:19
Titel

Antworten mit Zitat Zum Seitenanfang

100px + 50px + 100% != 100% .. was erwartest du?
Der IE macht zwar vieles Falsch, aber halt doch nicht alles.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
uolpet
Threadersteller

Dabei seit: 03.10.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 03.10.2006 15:16
Titel

Antworten mit Zitat Zum Seitenanfang

Warum funkt. aber dann im Firefox und Netscape!
  View user's profile Private Nachricht senden
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 03.10.2006 16:58
Titel

Antworten mit Zitat Zum Seitenanfang

uolpet hat geschrieben:
Warum funkt. aber dann im Firefox und Netscape!


fragen in dieser art wirst du dich noch öfters stellen, lass es lieber. es ist halt einfach so Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
uolpet
Threadersteller

Dabei seit: 03.10.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 04.10.2006 06:38
Titel

Antworten mit Zitat Zum Seitenanfang

Gibt es dann eine andere Lösung für mein Problemchen?

Danke und Gruss
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 04.10.2006 07:29
Titel

Antworten mit Zitat Zum Seitenanfang

Davon abgesehen, das man diese Tabellenkonstrukte
heute nicht mehr anwendet, gäbe es eine Notlösung:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
HTML, BODY {
   height:100%;
}
BODY {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding: 0px;

}
-->
</style>
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="200" rowspan="2" bgcolor="#006633">Navi</td>
    <td valign="top">
<table width="100%" height="100" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td bgcolor="#00CCCC">Header</td>
        </tr>
      </table>
      <p>Inhalte hier rein</p>
      </td>
  </tr>
  <tr>
    <td height="1" valign="bottom">
      <table width="100%" height="50" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td bgcolor="#666699">Footer</td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>
  View user's profile Private Nachricht senden
uolpet
Threadersteller

Dabei seit: 03.10.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 04.10.2006 10:19
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo

Vielen Dank für die Hilfe. Genau das habe ich gesucht.

Gruss
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Falsche Darstellung unter IE6 + IE5.5
falsche Darstellung der Navigation
Div-Tag mit CSS formatieren - falsche Darstellung auf Safari
falsche Darstellung im Internet Explorer
[ERLEDIGT] [PHP] Falsche Darstellung von String
[Dreamweaver] Falsche Darstellung der Homepage im Explorer
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.