Zhen: Tabelle in Div-Ebene, aber padding funktioniert nicht!

Hallo Leute,

ich hoffe ihr könnt mir hier helfen.
Ich habe nämlich eine Tabelle in einer Div-Ebene und wollte den Hintergrund der Tabelle bei einigen Zeilen einfärben. Das ist ja kein kunststück soweit, aber jetzt hab ich das problem, dass da zwischen dem Rand der Ebene und diesen eingefärbten Zellen ein Abstand ist.

Ich habe sowohl bei der Ebene als auch bei der Tabelle "Margin" und "Padding" auf 0px gesetzt, aber der Abstand ist trotzdem geblieben.

Hier mal der Code:

<html>  
<head>  
  
	<title>Test</title>  
  
	<style>  
		<!--  
			#ebene {  
				position: absolute;  
				height: 500px;  
				width: 700px;  
				margin: 0px;  
				margin-top: -250px;  
				margin-left: -350px;  
				top: 50%;  
				left: 50%;  
				background-color: #f5f5f5;  
				border: 5px solid #000000;  
			}  
			#tabelle {  
				width: 700px;  
				height: 500px;  
				border: 0px solid;  
				margin: 0px;  
				padding: 0px;  
			}  
			#frame {  
				scrolling: auto;  
				width: 100%;  
				height: 100%;  
			}  
			#navi1 {  
				font-size: 12px;  
				font-weight: bold;  
				color: #ffffff;  
				width: 400px;  
				height: 20px;  
				background-color: #000000;  
			}  
			#banner {  
				height: 30px;  
				background-color: #ff0000;  
			}  
			#navi2 {  
				font-size: 11px;  
				font-weight: bold;  
				color: #ffffff;  
				height: 20px;  
				background-color: #000000;  
			}  
			#content {  
				height: 415px;  
			}  
			#footer {  
				height: 15px;  
				background-color: #000000;  
				font-size: 10px;  
				font-weight: bold;  
				color: #ffffff;  
				text-align: right;  
			}  
			#bild {  
				width: 300px;  
			}  
			a:link {  
				color: #ffffff;  
				text-decoration: none;  
			}  
			a:active {  
				color: #ffffff;  
				text-decoration: none;  
			}  
			a:visited {  
				color: #ffffff;  
				text-decoration: none;  
			}  
			a:hover {  
				color: #ffffff;  
				text-decoration: none;  
			}  
		-->  
	</style>  
  
</head>  
<body>  
  
	<div id="ebene">  
		<table id="tabelle">  
			<tr>  
				<td id="navi1">  
					<a href="content/home.html" target="inhalt">Home</a> ||  
					<a href="">Aktuelles</a> ||  
					<a href="">Referenzen</a>  
				</td>  
				<td rowspan="5" id="bild">Hier kommt ein Bild rein ;-)</td>  
			</tr>  
			<tr>  
				<td id="banner"></td>  
			</tr>  
			<tr>  
				<td id="navi2">  
					<a href="">Forstconsulting</a> ||  
					<a href="">Logistik</a> ||  
					<a href="">Solarenergie</a> ||  
					<a href="">Biomasse</a> ||  
					<a href="">Beratung</a> ||  
					<a href="">Projekte</a>  
				</td>  
			</tr>  
			<tr>  
				<td id="content">  
					<iframe frameborder="0" marginheight="0" marginwidth="0" src="content/home.html" name="inhalt" id="frame">  
						Ihr Browser kann leider keine IFrames anzeigen.  
					</iframe>  
				</td>  
			</tr>  
			<tr>  
				<td id="footer"></td>  
			</tr>  
		</table>  
	</div>  
  
</body>  
</html>
  1. http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_collapse

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_collapse

      mfg Beat

      Tatsächlich, vielen vielen Dank. Mit border-collapse hats ENDLICH geklappt =)

      PS: Das Kapitel mit CSS-Layout werd ich mal durchlesen =)

  2. Hallo,

    ich hoffe ihr könnt mir hier helfen.
    Ich habe nämlich eine Tabelle in einer Div-Ebene und wollte den Hintergrund der Tabelle bei einigen Zeilen einfärben. Das ist ja kein kunststück soweit, aber jetzt hab ich das problem, dass da zwischen dem Rand der Ebene und diesen eingefärbten Zellen ein Abstand ist.

    Du möchtest das http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_collapse@title=Rahmenmodell richtig wählen (collapse).

    So sehr ich mich auch anstrenge, ich sehe bei Dir keine tabellarischen Daten. Ich möchte Dir daher zum Layouten den SELFHTML-Abschnitt <http://de.selfhtml.org/css/layouts/index.htm@title=CSS-basierte Layouts> ans Herz legen.

    Freundliche Grüße

    Vinzenz