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

Beitrag lesen

SELF-Forum

Tabelle in Div-Ebene, aber padding funktioniert nicht!

Zhen
– Informationen zu den Bewertungsregeln

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>
Beitrag melden
–
Informationen zu den Bewertungsregeln