Verschiedene darstellung bei FF und IE

gammlaa

Hallo
Ich habe folgendes problem! Diese Seite soll mittig angezeigt werden und links unt recht einen grauen Rand lassen! Im Firefox wird dies so angezeigt, wie ich möchte. Wenn man sich die Seite mie dem Iexplorer oder dem Opera anschaut ist dies nicht der fall. Kann mir da jemand weiterhelfen?

Danke für Hilfe!

Hier ist noch die URl unter der man sich das anschauen kann.
http://add.gammler-gemeinschaft.de/1/

HTML

<html>
	<head>
		<style>
body,td{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#797b7a;
}
		</style>
	</head>
	<body>
		<table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
			<tr>
				<td rowspan="2" style="background-color:#797b7a"></td>
				<td colspan="3" width="900" height="149" style="background-image:url(img/header.jpg)"></td>
				<td rowspan="2" style="background-color:#797b7a"></td>
			</tr>
			<tr>
				<td width="190">
					<table height="100%" width="190" cellpadding="0" cellspacing="0" border="0">
						<tr>
							<td style="background-color:#797b7a" valign="top">
								[img]img/ueber_uns.jpg[/img]


								[img]img/mitglieder.jpg[/img]


								[img]img/forum.jpg[/img]


								[img]img/kontakt.jpg[/img]


								[img]img/impressum.jpg[/img]								
							</td>
						</tr>
						<tr>
							<td style="background-color:#797b7a"></td>
						</tr>
					</table>
				</td>
				<td>
					<table height="100%" width="520" cellpadding="0" cellspacing="0" border="0">
						<tr>
							<td style="background-color:#ded7cd"></td>
						</tr>
						<tr>
							<td style="background-color:#797b7a"></td>
						</tr>
					</table>
				</td>
				<td width="190">
					<table height="100%" width="190" cellpadding="0" cellspacing="0" border="0">
						<tr>
							<td style="background-image:url(img/news.jpg)">test test test test</td>
						</tr>
						<tr>
							<td height="3" style="background-image:url(img/news_bottom.jpg)"></td>
						</tr>
						<tr>
							<td style="background-color:#797b7a"></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>

Alles anzeigen

Elvis

Einfachste Vorgehensweise bei solchen Darstellungsproblemen ist folgender Weg:

1.) Richtiges Grundgerüst setzen und speziell darauf achten, dass auch ein Dokumententyp angegeben ist.
2.) Seite mit Hilfe eines Validators (z.B. vaidome.org) validieren und die Fehler beseitigen.
3.) Im Forum Probleme bei Punkt 1 und 2 posten.

yeti66

gammlaa,

meinst Du das so??

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
	 <!--
body,td{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#797b7a;
}
-->
      </style>
</head>
<body>
<table  width="900" height="100%"cellpadding="0" cellspacing="0" border="0" align="center">
  <tr>
    <td rowspan="2" style="background-color:#797b7a"></td>
    <td colspan="3" width="900" height="149" style="background-image:url(http://add.gammler-gemeinschaft.de/1/img/header.jpg)"></td>
    <td rowspan="2" style="background-color:#797b7a"></td>
  </tr>
  <tr>
    <td width="190"><table height="100%" width="190" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="background-color:#797b7a" valign="top">[img]http://add.gammler-gemeinschaft.de/1/img/ueber_uns.jpg[/img]


            [img]http://add.gammler-gemeinschaft.de/1/img/mitglieder.jpg[/img]


            [img]http://add.gammler-gemeinschaft.de/1/img/forum.jpg[/img]


            [img]http://add.gammler-gemeinschaft.de/1/img/kontakt.jpg[/img]


            [img]http://add.gammler-gemeinschaft.de/1/img/impressum.jpg[/img] </td>
        </tr>
        <tr>
          <td style="background-color:#797b7a"></td>
        </tr>
      </table></td>
    <td><table height="100%" width="520" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="background-color:#ded7cd"></td>
        </tr>
        <tr>
          <td style="background-color:#797b7a"></td>
        </tr>
      </table></td>
    <td width="190"><table height="100%" width="190" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="background-image:url(http://add.gammler-gemeinschaft.de/1/img/news.jpg)">test test test test</td>
        </tr>
        <tr>
          <td height="3" style="background-image:url(http://add.gammler-gemeinschaft.de/1/img/news_bottom.jpg)"></td>
        </tr>
        <tr>
          <td style="background-color:#797b7a"></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Gruß yeti66

gammlaa

Danke yeti für deine hilfe!
Ich hab die Version jetzt mal hochgeladen und jetzt gibbet nur noch ein kleines Problem. IE und FF zeigen wieder was anderes an!

yeti66

gammlaa,

oh sorry sch..... Tabellen. Doctype löschen und durch diese ersetzen:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Gruß yeti66

gammlaa

Super
Jetzt bleibt ein leztes Problem! Der Content muss ein kleines Stück nach oben! Wo hab ich mich da noch verhedert? Ich glaub ich seh voe lauter Bäumen den Wald nicht mehr

yeti66

gammlaa,

was muß nach oben ??
Deine Tabelle:

Code

<table height="100%" width="520" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="background-color:#ded7cd"></td>
        </tr>
        <tr>
          <td style="background-color:#797b7a"></td>
        </tr>
      </table>

teilt sich in 2 Teile 50/50 wenn der obere Teil kleiner werden soll 30/70 dann:

Code

<table height="100%" width="520" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="background-color:#ded7cd; height:30%;"></td>
        </tr>
        <tr>
          <td style="background-color:#797b7a;height:70%;"></td>
        </tr>
      </table>

oder?

Gruß yeti66

gammlaa

Ich hab das mal farblich etwas verdeutlicht. Der text sollte eigentlich oben stehn. Aber per CSS kann ich das ja auch so schieben, wie ich das gern hätte.

googlability

Vielleicht kann mir hier von euch auch jemand helfen.

Ich habe ein großes gestalterisches Problem...

...es geht um folgenden code:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
    <table border="1">
      <tr>
        <td colspan="2">Testtabelle</td>
      </tr>
      <tr>
        <td style="height:40px;">test1</td>
        <td rowspan="2">aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa


      </tr>
      <tr>
        <td>test2</td>
      </tr>
    </table>
  </body>
</html>

Alles anzeigen

Im Firefox und in Opera wird die Höheangabe mit 40 px dargestellt, allerdings reisst der IE (6) die beiden linken Tabellenzellen (Test 1 und 2), die neben dem rowspan laufen auseinander. Ich bräuchte eine Lösung, wie ich die obere Tabellenzelle (Test 1) tatsächlich von der Höhe her fixieren kann.

Vielen Dank

Verschiedene darstellung bei FF und IE

Tags

Benutzer online in diesem Thema