Zeilenumbrüche zereißen das Tablelayout

HStev · 10.01.2006, 14:40

Servus,

ich hab mal wieder so ein typisches Problem welches (nur) im Internet Explorer auftritt.

Ich hab folgendes Seitenlayout:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>test3</title>
</head>
<body style="background-color: rgb(102, 102, 102);">
<table style="text-align: left; width: 100%; height: 100%;"
 border="1" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td
 style="height: 200px; vertical-align: top; background-color: rgb(255, 255, 255);"
 colspan="2" rowspan="1">Feld 1</td>
      <td
 style="text-align: left; vertical-align: top; background-color: rgb(255, 255, 255);"
 colspan="1" rowspan="2">Feld 2</td>
    </tr>
    <tr>
      <td style="width: 140px; background-color: rgb(102, 102, 102);"> Feld 3</td>
      <td style="width: 10px; background-color: rgb(255, 255, 255);">4</td>
    </tr>
  </tbody>
</table>


</body>
</html>

Schreibe ich aber nun in das Feld 2 soviele Zeileumbrüche das der Text die Höhe des 1. Feld (200px) übersteigt, zerhaut er mir die Höhe des 1. Feldes aber wie bereits gesagt passiert das nur im IE der Firefox hat damit überhaupt keine Probleme.

Als Beispiel:
Das funktioniert nicht (Hier übersteigt der Text die komplette angezigte Seitenhöhe das zeigt besser was für ein Problem ich meine)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>test3</title>
</head>
<body style="background-color: rgb(102, 102, 102);">
<table style="text-align: left; width: 100%; height: 100%;"
 border="1" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td
 style="height: 200px; vertical-align: top; background-color: rgb(255, 255, 255);"
 colspan="2" rowspan="1">1</td>
      <td
 style="text-align: left; vertical-align: top; background-color: rgb(255, 255, 255);"
 colspan="1" rowspan="2">2



















































TEST</td>
    </tr>
    <tr>
      <td style="width: 140px; background-color: rgb(102, 102, 102);">3</td>
      <td style="width: 10px; background-color: rgb(255, 255, 255);">4</td>
    </tr>
  </tbody>
</table>


</body>
</html>

Kann ich das Problem irgendwie beheben?

HStev · 10.01.2006, 15:00

Manschmal sieht man den Wald vor Bäumen ned 2 geschachtelte Tabellen funktionieren ja auch ...

Aber vielleicht hat ja noch jemand eine Lösung

b.punkt · 10.01.2006, 16:53

http://www.css4you.de/wslayout1/index.html *scnr*

lomtas · 10.01.2006, 17:07

*sich anschließ*

HStev · 11.01.2006, 08:29

Zitat:

Zitat von b.punkt

http://www.css4you.de/wslayout1/index.html *scnr*

Ist zwar schön und aber solange ich ohne Tabellen nicht das Ergebniss erzielen kann, welches gewünscht ist werd ich wohl Tabellen benutzen...

Bestes Beispiel ist das hier...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body>
<div style="border: 1px solid Black; height: 100px; width: 100%;"></div>
<div
 style="border: 1px solid Black; background-color: black; height: 6px; margin-left: 25px; margin-right: 25px; max-height: 6px;"></div>
</body>
</html>

Der schwarze Balken wird im IE viel zu hoch angezeigt während er im Firefox wieder genau richtig angezeigt wird. Klar könnte ich eine Horizontale-Linie verwenden aber die wird im Firefox abgerundet und das will ich nicht.

HStev · 11.01.2006, 14:59

So hab jetzt lang genug mit Layouts ohne Tabellen herumexperimentiert und ich bleib bei meiner Meinung solange ich nicht das gleiche Ergebnis erzielen kann bleib ich bei Tabellenlayouts... das mit CSS Layouts ist zwar ne feine Sache und es verringert dem HTML Code aber letztendlich kann man mit einen Tabellen - Div - Mix einfach mehr Layouts - die auch in allen Browsern funktionen - hinbekommen als mit den CSS Layout.

Zergling-new · 11.01.2006, 15:02

Hm weiß nich, ich kann zwar auch nicht alles machen was ich will, liegt aber wohl mehr an meinem Skill.
Denke, dass ist bei dir auch der Fall, oder gibts was (realistisches), was Tabellen können, aber <div> & CSS nicht?

HStev · 11.01.2006, 15:44

ja so wie ich das festgestellt habe zb. 2 Spalten ... 1. Spalte "Feste Breite" 2. Spalte "Variable" bekommst du mit divs nicht hin....
höchstens 1. Spalte 10% 2. Spalte 90%

Zergling-new · 11.01.2006, 16:20

Stimmt ich kriegs auch nicht hin

Code:

<html><head>
<style type="text/css">
	html, body, div
	{
		margin: 0px;
		padding: 0px;
	}
</style>
</head><body>
<div style="position:absolute; left:0px; top:0px; width:100%;  background:green; z-index:1; margin-left:250px">MEIN INHALT</div>
<div style="position:absolute; left:0px; top:0px; width:200px; background:red;   z-index:2">LINKS</div>
</body>
</html>

Offenbar wird zu den 100% nochmal der 250per margin drangehängt.
Komsich.

HStev · 11.01.2006, 18:08

richtig bei 100% wird immer die Seitenbreite genommen wenn kein Table verwendet wird egal wie man es versucht ... ich hab es auch mal mit den Beispiel von css4you probiert ... das gleiche Problem und das ist einfach mist denn die Navigation sollte immer eine feste breite haben

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.01.2006, 15:00
HStev Erfahrener Benutzer Registriert seit: 25.04.2005 Beiträge: 1.356	Manschmal sieht man den Wald vor Bäumen ned 2 geschachtelte Tabellen funktionieren ja auch ... Aber vielleicht hat ja noch jemand eine Lösung __________________ Gewisse Dinge behält man besser für sich, z.B. das man gewisse Dinge für sich behält.

10.01.2006, 16:53
b.punkt Benutzer Registriert seit: 13.07.2004 Beiträge: 42	http://www.css4you.de/wslayout1/index.html scnr

10.01.2006, 17:07
lomtas Erfahrener Benutzer Registriert seit: 08.02.2005 Beiträge: 224	sich anschließ

11.01.2006, 14:59
HStev Erfahrener Benutzer Registriert seit: 25.04.2005 Beiträge: 1.356	So hab jetzt lang genug mit Layouts ohne Tabellen herumexperimentiert und ich bleib bei meiner Meinung solange ich nicht das gleiche Ergebnis erzielen kann bleib ich bei Tabellenlayouts... das mit CSS Layouts ist zwar ne feine Sache und es verringert dem HTML Code aber letztendlich kann man mit einen Tabellen - Div - Mix einfach mehr Layouts - die auch in allen Browsern funktionen - hinbekommen als mit den CSS Layout. __________________ Gewisse Dinge behält man besser für sich, z.B. das man gewisse Dinge für sich behält.

11.01.2006, 15:02
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Hm weiß nich, ich kann zwar auch nicht alles machen was ich will, liegt aber wohl mehr an meinem Skill. Denke, dass ist bei dir auch der Fall, oder gibts was (realistisches), was Tabellen können, aber <div> & CSS nicht?

11.01.2006, 15:44
HStev Erfahrener Benutzer Registriert seit: 25.04.2005 Beiträge: 1.356	ja so wie ich das festgestellt habe zb. 2 Spalten ... 1. Spalte "Feste Breite" 2. Spalte "Variable" bekommst du mit divs nicht hin.... höchstens 1. Spalte 10% 2. Spalte 90% __________________ Gewisse Dinge behält man besser für sich, z.B. das man gewisse Dinge für sich behält.

11.01.2006, 18:08
HStev Erfahrener Benutzer Registriert seit: 25.04.2005 Beiträge: 1.356	richtig bei 100% wird immer die Seitenbreite genommen wenn kein Table verwendet wird egal wie man es versucht ... ich hab es auch mal mit den Beispiel von css4you probiert ... das gleiche Problem und das ist einfach mist denn die Navigation sollte immer eine feste breite haben __________________ Gewisse Dinge behält man besser für sich, z.B. das man gewisse Dinge für sich behält.