folgendes Problem habe ich..
eine Tabelle in folgender HTML- Datei
HTML
<html>
<head>
<title>barkel.de - Midget Version 8</title>
<link rel="STYLESHEET" href="b_layout.css" type="text/css">
</head>
<body>
<div id="layout2"><table width="100%">
<tr>
<td width="100%" align="left" height="228" valign="top" background="2.jpg"></td>
</tr>
</table></div>
<div id="layout1">[img]1.jpg[/img]</div>
</body>
</html>soll durch folgenden CSS- Code erweitert werden:
Code
body
{ background-color: #0000FF ; }
#layout1
{ z-index:2; position:absolute; left: 0px; top: 0px; height: 228px; width: 667px; }
#layout2
{ z-index:1; position:absolute; left: 0px; top: 0px; height: 228px; width: 100%; margin: 0px; padding: 0px; align: left; border: 0px; spacing: 0px; }Nun habe ich das Problem, dass "layout1" zwar richtig angezeigt wird...ich bei "layout2", aber egal was ich mache (ich denke es liegt an der Tatsache das es eine Tabelle ist) immer oben 2px fre sind, der bg also sichtbar ist..und links (obwohl width = 100%) mindestens 20px frei sind. Wie kann ich das Problem lösen das auch layout2 richtig angezeigt wird..also ganz links oben und auch immer bis zum äußersten rechten rand geht?
MFG barkel