Zhen
Lt. Junior Grade
- Registriert
- Aug. 2009
- Beiträge
- 299
Hallo Leute,
ich bin schon kurz vorm durchdrehen. Ich hoffe einer von euch kann mir schnell helfen.
Ich hab das folgende Problem. Ich hab eine Div-ebene mit fester breite und höhe über den bildschirm zentriert und darin eine tabelle mit 2 spalten. die erste spalte hat 5 zeilen.
Jetzt wollte ich diese Zeilen verschieden einfärben und zwar so, dass sie genau an den Rand der div-ebene angrenzen ohne leerplatz dazwischen.
Leider funktioniert das nicht. Ich habe sowohl bei Div als auch Table margin und padding auf 0px gesetzt, aber es ist trotzdem leerer platz dazwischen. Der rand der tabelle grenzt perfekt an den rand der div-ebene an, aber die eingefärbten zellen nicht an den rand der tabelle!
Brauche dringend und schnell hilfe. Hab ich vielleicht etwas übersehen?
EDIT: Zur besseren Übersicht hab ich doch lieber den ganzen Code der Datei eingefügt =)
gibt es den keinen hier der mir mal helfen könnte? Ich dreh noch durch damit.
Hab sowohl im div-tag als auch table-tag padding auf 0px gesetzt, aber es funktioniert alles nicht!
ich bin schon kurz vorm durchdrehen. Ich hoffe einer von euch kann mir schnell helfen.
Ich hab das folgende Problem. Ich hab eine Div-ebene mit fester breite und höhe über den bildschirm zentriert und darin eine tabelle mit 2 spalten. die erste spalte hat 5 zeilen.
Jetzt wollte ich diese Zeilen verschieden einfärben und zwar so, dass sie genau an den Rand der div-ebene angrenzen ohne leerplatz dazwischen.
HTML:
<html>
<head>
<title>Website</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;
}
#navi1 {
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
#navi2 {
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
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 style="width:400px; height:20px; background-color:#000000;" id="navi1">
<a href="content/home.html" target="inhalt">Home</a> ||
<a href="">Aktuelles</a> ||
<a href="">Referenzen</a>
</td>
<td rowspan="5" style="width:300px;">Hier kommt ein Bild rein ;-)</td>
</tr>
<tr>
<td style="height:30px; background-color:#ff0000"></td>
</tr>
<tr>
<td style="height:20px; background-color:#000000;" 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 style="height: 415px;">
<iframe frameborder="0" marginheight="0" marginwidth="0" name="inhalt" scrolling="auto" width="100%" height="100%" src="content/home.html">
Ihr Browser kann leider keine IFrames anzeigen.
</iframe>
</td>
</tr>
<tr>
<td style="height:15px; background-color:#000000"></td>
</tr>
</table>
</div>
</body>
</html>Leider funktioniert das nicht. Ich habe sowohl bei Div als auch Table margin und padding auf 0px gesetzt, aber es ist trotzdem leerer platz dazwischen. Der rand der tabelle grenzt perfekt an den rand der div-ebene an, aber die eingefärbten zellen nicht an den rand der tabelle!
Brauche dringend und schnell hilfe. Hab ich vielleicht etwas übersehen?
EDIT: Zur besseren Übersicht hab ich doch lieber den ganzen Code der Datei eingefügt =)
Ergänzung ()
gibt es den keinen hier der mir mal helfen könnte? Ich dreh noch durch damit.
Hab sowohl im div-tag als auch table-tag padding auf 0px gesetzt, aber es funktioniert alles nicht!
Zuletzt bearbeitet:
