Jetzt versuch ich das Problem schon seit einer geschlagenen Woche zu lösen und find einfach keine Lösung (verliere langsam auch die Geduld...). Deshalb trau ich mich mal an die Öffentlichkeit (bitte nicht beißen 
).
Folgendes Problem:
Ich habe eine Tabelle für meinen Inhalt angelegt, da sich die Tabelle jedoch mit der Hintergrundgrafik decken muss, ist es wichtig, dass sie die Breite jeder Spalte genau einhält.
Jedoch hängt der Inhalt - egal was ich mache - immer ein wenig zu sehr in meinem Rand. Ich hab schon alle Breitenangaben einmal verändert, aber irgendwie nützt alles nichts und ich bin mit meinem Latein am Ende.
Ich geb euch mal den Link zu meiner Seite: http://www.bleachfan.de/bleachi/index.…n/infos/lexikon
(dort rechts am Rand ist die Tabelle irgendwie ein Stück zu breit...)
Vielleicht bin ich auch blind und übersehe was gravierendes, ich bin auf jeden Fall über jeden Tipp dankbar!
PHP
<table id="content" cellpadding="0" cellspacing="0">
<tr>
<td width="6px"> </td>
<!-- NAVI -->
<td width="136px" class="navitab">
<ul class="navi">
<li><a href="windows.html"> Story</a></li>
<li><a href="hardware.html"> Story Arcs I - III</a></li>
<li><a href="bios.html"> Autor: Kubo Taito</a></li>
<li><a href="internet.html"> Soul Society</a></li>
<li><a href="pc-lexikon.html"> Hueco Mundo</a></li>
<li><a href="index.php?page=seiten/infos/lexikon"> Begriffslexikon</a></li>
<li><a href="pc-service.html"> Kampftechniken</a></li>
<li><a href="pc-service.html"> Zanpakuto Guide</a></li>
<li><a href="pc-service.html"> Kido Guide</a></li>
</ul>
<span class="menuheader">Charaktere</span>
<ul class="navi">
<li><a href="windows.html"> Charakter Guide</a></li>
<li><a href="index.php?page=seiten/charaktere/shinigamis"> Shinigamis</a></li>
<li><a href="bios.html"> Arrancars</a></li>
<li><a href="internet.html"> Vizards</a></li>
<li><a href="pc-lexikon.html"> Quincy</a></li>
<li><a href="pc-lexikon.html"> Menschen</a></li>
<li><a href="pc-service.html"> Bountos</a></li>
</ul>
<span class="menuheader">MangaAnime</span>
<ul class="navi">
<li><a href="windows.html"> Anime Guide</a></li>
<li><a href="hardware.html"> Neuste Episode</a></li>
<li><a href="bios.html"> Manga Guide</a></li>
<li><a href="internet.html"> Neustes Kapitel</a></li>
<li><a href="pc-lexikon.html"> Synchronsprecher</a></li>
<li><a href="pc-service.html"> Bleach OVAs</a></li>
<li><a href="pc-service.html"> Bleach Movies</a></li>
<li><a href="pc-service.html"> Openings & Endings</a></li>
<li><a href="pc-service.html"> Songtexte</a></li>
</ul>
<span class="menuheader">Sonstiges</span>
<ul class="navi">
<li><a href="windows.html"> Schon aufgefallen?</a></li>
<li><a href="hardware.html"> Namensbedeutungen</a></li>
<li><a href="bios.html"> Zeichenstil</a></li>
</ul>
<span class="menuheader">Media</span>
<ul class="navi">
<li><a href="windows.html"> Avatars</a></li>
<li><a href="hardware.html"> Wallpaper</a></li>
<li><a href="bios.html"> Signaturen</a></li>
<li><a href="internet.html"> Layouts</a></li>
</ul>
<span class="menuheader">BleachFan</span>
<ul class="navi">
<li><a href="windows.html"> News & Updates</a></li>
<li><a href="hardware.html"> Forum</a></li>
<li><a href="bios.html"> Gästebuch</a></li>
<li><a href="internet.html"> Team</a></li>
<li><a href="pc-lexikon.html"> Partnerschaft</a></li>
<li><a href="pc-service.html"> Mitarbeiter gesucht!</a></li>
<li><a href="pc-service.html"> Links In/Out</a></li>
<li><a href="pc-service.html"> History</a></li>
<li><a href="pc-service.html"> Impressum</a></li>
</ul>
</td>
<td width="26"> </td>
<!-- CONTENT -->
<td class="content">
<?php
$page = $_REQUEST['page'];
if (!isset($page)) { $page="seiten/main/news2"; }
if (file_exists($page.".php")) { include($page.".php"); } else { include("seiten/main/fehler.php"); }
?>
</td></tr>
<td width="8px"> </td>
</tr>
</table>Hier der CSS Teil der Tabelle:
Code
#content {
padding: 10 0 0 0;
text-align:justify;
width:752px;
border:0;
background-image: url(bilder/layout/tableback.gif);
vertical-align:top;
overflow:hidden;
table-layout: fixed;
}
.content {
vertical-align: top;
width:577px;
padding: 0 -10 0 0;
margin: 0 0 0 0;
}
.navitab {
vertical-align: top;
overlfow:hidden;
}
.navi {
padding:0 0 0 0;
margin: 0 0 0 0;
width:128px;
vertical-align: top;
list-style-type:none;
line-height:20px;
overflow:hidden;
}
.navi a {
text-decoration:none;
display: block;
color: #000000;
font-size: 13px;
text-align: left;
padding: 0px;
background-color: #ffffff;
border-bottom: 1px dotted #000000;
border-left: 4px solid #000000;
font-weight: normal;
}
.navi a:hover {
color: #000000;
background: none;
background-color: #ffffff;
text-decoration: none;
border-bottom: 1px dotted #FF0B0A;
border-left: 4px solid #FF0B0A;
}Ich hoffe sehr, dass mir jemand helfen kann, vielen Dank im Voraus!
Maike
sry aba so was is völlig falsch. Es is meistens umgekehrt. Wenn in FF oder nem andren alternativem Browser alles korrekt ist, kanns im IE völlig falsch sein