mactrisha
Aktives Mitglied
Thread Starter
- Dabei seit
- 27.11.2003
- Beiträge
- 744
- Reaktionspunkte
- 17
Hi all,
ich möchte ein 580x437 großes Bild als Hintergrundbild für eine Tabelle, die genau die gleichen Maße wie das Bild hat definieren. Sämtliche Mac-Browser können das in OSX wie in Classic richtig darstellen, nur nicht Netscape 4.5 und 4.7, da geht das einfach nicht.
Jetzt meine Frage, könnt ihr mir Feedback geben, auf welchen Browsern eines PC soetwas geht oder nicht geht? Ich habe auf die schnelle keine Möglichkeit, das in einem PC zu überprüfen. Oder gibt es eine andere Lösung dafür?
Das Hintergrundbild als bg image in den Hintergrund der Seite zu geben bringt in mehreren Browsern das Problem, dass das Bild und die gleichgroße Tabelle nicht exakt übereinander schweben, doch genau das bräuchte ich.
Salü,
mactrisha.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>hintergrundbild von einer tabelle</title>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr align="center" valign="middle">
<td align="center" valign="middle">
<table width=580 border=0 cellpadding=0 cellspacing=0 background="IMG_0610.JPG">
<tr>
<td width=36 nowrap></td>
<td width=32 nowrap></td>
<td width=15 nowrap></td>
<td width=49 nowrap></td>
<td width=14 nowrap></td>
<td width=30 nowrap></td>
<td width=13 nowrap></td>
<td width=38 nowrap></td>
<td width=14 nowrap></td>
<td width=33 nowrap></td>
<td width=17 nowrap></td>
<td width=254 nowrap></td>
<td width=35 nowrap></td>
</tr>
<tr>
<td width=291 height=20 colspan=11 nowrap></td>
<td width=289 height=20 colspan=2 nowrap></td>
</tr>
<tr>
<td width=580 height=14 colspan=13 nowrap></td>
</tr>
<tr>
<td width=36 height=14 nowrap></td>
<td>text</td>
<td width=15 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=13 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=306 height=14 colspan=3 nowrap></td>
</tr>
<tr>
<td width=580 height=143 colspan=13 nowrap></td>
</tr>
<tr height="32">
<td colspan=13 height="32"></td>
</tr>
<tr>
<td width=580 height=170 colspan=13 nowrap></td>
</tr>
<tr>
<td width=545 height=44 colspan=12 nowrap></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</body>
</html>
Übrigens geht es mit CSS auch nicht:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>hintergrund einer tabelle per CSS class</title>
<style type="text/css" media="screen"><!--
body { background: white no-repeat center }
.class { background: url(IMG_0610.JPG) no-repeat }
--></style>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr align="center" valign="middle">
<td align="center" valign="middle">
<table class="class" width=580 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=36 nowrap></td>
<td width=32 nowrap></td>
<td width=15 nowrap></td>
<td width=49 nowrap></td>
<td width=14 nowrap></td>
<td width=30 nowrap></td>
<td width=13 nowrap></td>
<td width=38 nowrap></td>
<td width=14 nowrap></td>
<td width=33 nowrap></td>
<td width=17 nowrap></td>
<td width=254 nowrap></td>
<td width=35 nowrap></td>
</tr>
<tr>
<td width=291 height=20 colspan=11 nowrap></td>
<td width=289 height=20 colspan=2 nowrap></td>
</tr>
<tr>
<td width=580 height=14 colspan=13 nowrap></td>
</tr>
<tr>
<td width=36 height=14 nowrap></td>
<td>text</td>
<td width=15 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=13 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=306 height=14 colspan=3 nowrap></td>
</tr>
<tr>
<td width=580 height=143 colspan=13 nowrap></td>
</tr>
<tr height="32">
<td colspan=13 height="32"></td>
</tr>
<tr>
<td width=580 height=170 colspan=13 nowrap></td>
</tr>
<tr>
<td width=545 height=44 colspan=12 nowrap></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</body>
</html>
Und wenn man es so macht, dann sitzen Tabelle und Bild in den verschiedenen Browsern nicht exakt übereinander:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>hintergrundbild im body per css</title>
<style type="text/css" media="screen"><!--
body { background: white url(IMG_0610.JPG) no-repeat center }
--></style>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr align="center" valign="middle">
<td align="center" valign="middle">
<table width=580 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=36 nowrap></td>
<td width=32 nowrap></td>
<td width=15 nowrap></td>
<td width=49 nowrap></td>
<td width=14 nowrap></td>
<td width=30 nowrap></td>
<td width=13 nowrap></td>
<td width=38 nowrap></td>
<td width=14 nowrap></td>
<td width=33 nowrap></td>
<td width=17 nowrap></td>
<td width=254 nowrap></td>
<td width=35 nowrap></td>
</tr>
<tr>
<td width=291 height=20 colspan=11 nowrap></td>
<td width=289 height=20 colspan=2 nowrap></td>
</tr>
<tr>
<td width=580 height=14 colspan=13 nowrap></td>
</tr>
<tr>
<td width=36 height=14 nowrap></td>
<td>text</td>
<td width=15 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=13 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=306 height=14 colspan=3 nowrap></td>
</tr>
<tr>
<td width=580 height=143 colspan=13 nowrap></td>
</tr>
<tr height="32">
<td colspan=13 height="32"></td>
</tr>
<tr>
<td width=580 height=170 colspan=13 nowrap></td>
</tr>
<tr>
<td width=545 height=44 colspan=12 nowrap></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</body>
</html>
ich möchte ein 580x437 großes Bild als Hintergrundbild für eine Tabelle, die genau die gleichen Maße wie das Bild hat definieren. Sämtliche Mac-Browser können das in OSX wie in Classic richtig darstellen, nur nicht Netscape 4.5 und 4.7, da geht das einfach nicht.
Jetzt meine Frage, könnt ihr mir Feedback geben, auf welchen Browsern eines PC soetwas geht oder nicht geht? Ich habe auf die schnelle keine Möglichkeit, das in einem PC zu überprüfen. Oder gibt es eine andere Lösung dafür?
Das Hintergrundbild als bg image in den Hintergrund der Seite zu geben bringt in mehreren Browsern das Problem, dass das Bild und die gleichgroße Tabelle nicht exakt übereinander schweben, doch genau das bräuchte ich.
Salü,
mactrisha.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>hintergrundbild von einer tabelle</title>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr align="center" valign="middle">
<td align="center" valign="middle">
<table width=580 border=0 cellpadding=0 cellspacing=0 background="IMG_0610.JPG">
<tr>
<td width=36 nowrap></td>
<td width=32 nowrap></td>
<td width=15 nowrap></td>
<td width=49 nowrap></td>
<td width=14 nowrap></td>
<td width=30 nowrap></td>
<td width=13 nowrap></td>
<td width=38 nowrap></td>
<td width=14 nowrap></td>
<td width=33 nowrap></td>
<td width=17 nowrap></td>
<td width=254 nowrap></td>
<td width=35 nowrap></td>
</tr>
<tr>
<td width=291 height=20 colspan=11 nowrap></td>
<td width=289 height=20 colspan=2 nowrap></td>
</tr>
<tr>
<td width=580 height=14 colspan=13 nowrap></td>
</tr>
<tr>
<td width=36 height=14 nowrap></td>
<td>text</td>
<td width=15 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=13 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=306 height=14 colspan=3 nowrap></td>
</tr>
<tr>
<td width=580 height=143 colspan=13 nowrap></td>
</tr>
<tr height="32">
<td colspan=13 height="32"></td>
</tr>
<tr>
<td width=580 height=170 colspan=13 nowrap></td>
</tr>
<tr>
<td width=545 height=44 colspan=12 nowrap></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</body>
</html>
Übrigens geht es mit CSS auch nicht:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>hintergrund einer tabelle per CSS class</title>
<style type="text/css" media="screen"><!--
body { background: white no-repeat center }
.class { background: url(IMG_0610.JPG) no-repeat }
--></style>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr align="center" valign="middle">
<td align="center" valign="middle">
<table class="class" width=580 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=36 nowrap></td>
<td width=32 nowrap></td>
<td width=15 nowrap></td>
<td width=49 nowrap></td>
<td width=14 nowrap></td>
<td width=30 nowrap></td>
<td width=13 nowrap></td>
<td width=38 nowrap></td>
<td width=14 nowrap></td>
<td width=33 nowrap></td>
<td width=17 nowrap></td>
<td width=254 nowrap></td>
<td width=35 nowrap></td>
</tr>
<tr>
<td width=291 height=20 colspan=11 nowrap></td>
<td width=289 height=20 colspan=2 nowrap></td>
</tr>
<tr>
<td width=580 height=14 colspan=13 nowrap></td>
</tr>
<tr>
<td width=36 height=14 nowrap></td>
<td>text</td>
<td width=15 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=13 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=306 height=14 colspan=3 nowrap></td>
</tr>
<tr>
<td width=580 height=143 colspan=13 nowrap></td>
</tr>
<tr height="32">
<td colspan=13 height="32"></td>
</tr>
<tr>
<td width=580 height=170 colspan=13 nowrap></td>
</tr>
<tr>
<td width=545 height=44 colspan=12 nowrap></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</body>
</html>
Und wenn man es so macht, dann sitzen Tabelle und Bild in den verschiedenen Browsern nicht exakt übereinander:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>hintergrundbild im body per css</title>
<style type="text/css" media="screen"><!--
body { background: white url(IMG_0610.JPG) no-repeat center }
--></style>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr align="center" valign="middle">
<td align="center" valign="middle">
<table width=580 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=36 nowrap></td>
<td width=32 nowrap></td>
<td width=15 nowrap></td>
<td width=49 nowrap></td>
<td width=14 nowrap></td>
<td width=30 nowrap></td>
<td width=13 nowrap></td>
<td width=38 nowrap></td>
<td width=14 nowrap></td>
<td width=33 nowrap></td>
<td width=17 nowrap></td>
<td width=254 nowrap></td>
<td width=35 nowrap></td>
</tr>
<tr>
<td width=291 height=20 colspan=11 nowrap></td>
<td width=289 height=20 colspan=2 nowrap></td>
</tr>
<tr>
<td width=580 height=14 colspan=13 nowrap></td>
</tr>
<tr>
<td width=36 height=14 nowrap></td>
<td>text</td>
<td width=15 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=13 height=14 nowrap></td>
<td>text</td>
<td width=14 height=14 nowrap></td>
<td>text</td>
<td width=306 height=14 colspan=3 nowrap></td>
</tr>
<tr>
<td width=580 height=143 colspan=13 nowrap></td>
</tr>
<tr height="32">
<td colspan=13 height="32"></td>
</tr>
<tr>
<td width=580 height=170 colspan=13 nowrap></td>
</tr>
<tr>
<td width=545 height=44 colspan=12 nowrap></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</body>
</html>