Grafik randlos am Browserfenster ausrichten

mok

Hallo,

ich habe folgendes Problem: Ich will ne Seite machen, bei der die Grundstruktur durch Tabellen gegeben ist. Ganz oben will ich ein Bild haben, das ohne Rand oben und rechts in der Tabellenzelle steht. Im Moment ergibt sich da immer ein weißer Rand, seht selbst:

http://www.uni-stuttgart.de/rennteam/

Der Quelltext sieht im Moment so aus:

Code

<body bgcolor=#00224f style="margin: 0px">


<table align=center width=800 height=100% bgcolor=white cellspacing=0 style="margin-top: 0px">
<tr>
	<td width=200 valign=top>
		<table cellspacing=0 style="margin: 0px">
			<tr><td height=30>[img]images/logo.jpg[/img]</td></tr>
			<tr><td>Menü</td></tr>
		</table>
	</td>

	<td valign=top width=600>
		<table cellspacing=0>
			<tr><td height=200 width=600 style="background-image:url(images/bild.jpg)"> </td></tr>
			<tr><td>Inhalt</td></tr>
		</table>
	</td>
</tr>		




</table>


</body>

Alles anzeigen

Weiß jemand wie ich das wegbekomme? Ich hab "margin: 0px" schon an den verschiedensten Stellen probiert.

Danke schonmal für ein bißchen Hilfe,
Gruß,

Michael

Ronald

Moin!
Du hast "cellpadding" vergessen und wenn du schon Stylesheets benutzt, dann mach es doch für alles was möglich ist, anstatt zu mischen:

Code

<body style="margin:0px";background-color:#00224F;overflow:auto;text-align:center;">


<table cellspacing="0" cellpadding="0" style="margin:0px auto;width:800px;height:100%;background-color:#FFFFFF;">
 <tr>
  <td style="width:200px;vertical-align:top;padding:30px 0px 0px;background-image:url(images/logo.jpg);background-repeat:no-repeat;">
   Menü
  </td>   
  <td style="vertical-align:top;width:600px;padding:200px 0px 0px;background-image:url(images/bild.jpg);background-repeat:no-repeat;">
   Inhalt
  </td>
 </tr>
 </table>
</body>

Alles anzeigen

mok

Super, vielen Dank für die schnelle Antwort. Das mit den zusätzlichen Stylesheets ist auch spitze

Gruß,
Michael

Tags