hi
ich bin derzeit dabei eine page zu erstellen und bin nach enigen größeren problemen mit dem quelltext und einer kleinen code-renovierung zu einem weiteren, eher winzigen problem gekommen, dass ich aber irgendwie nicht gelöst bekomme *g*
also folgendes:
ich hab als skin der page ein bild in mehrere stücke geschnitten und passgenau per code zusammengesetzt.
das ganze habe ich in eine tabelle gesetzt. die tabelle und untertabellen haben alle cellspacing="0" und cellpadding="0". und trotzdem hab ich über und unter dem fenster in dem der inhalt angezeigt wird, einen schmalen weißen streifen der vielleicht 2 pixel hoch ist.
hier der link dazu:
http://www.corner-of-revelation.de/test/index.php
das seltsame ist, als es noch komplett in html geschrieben war, hatte ich alle vertical aligns auf top stehen und alles passte haargenau aneinander.
doch jetzt, mit php integriert tauchen diese kleinen lücken auf.
und das obwohl ich der tabellenreihe in der mitte valign="center", der reihe darüber valign="bottom" und der reihe darunter valign="top" definiert habe.
wenn ich jedoch der mittleren reihe den wert "top" oder "bottom" angebe, sind die bilder entweder oben oder unten passgenau, aber nie oben UND unten.
die höhenangaben sind alle exakt nach pixelbreite der pics.
hier der code der datei:
<? if (!isset($_GET["page"])) $_GET["page"] = "start"; ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
<?
switch ($page) {
case "start":
echo "#Kasten { background-image: url(Bilder/Skin/start.gif);}";
break;
case "konzept":
echo "#Kasten { background-image: url(Bilder/Skin/konzept.gif);}";
break;
case "zielgruppe":
echo "#Kasten { background-image: url(Bilder/Skin/zielgruppe.gif);}";
break;
case "loesungen":
echo "#Kasten { background-image: url(Bilder/Skin/loesungen.gif);}";
break;
case "preise":
echo "#Kasten { background-image: url(Bilder/Skin/preise.gif);}";
break;
case "kontakt":
echo "#Kasten { background-image: url(Bilder/Skin/kontakt.gif);}";
break;
case "impressum":
echo "#Kasten { background-image: url(Bilder/Skin/impressum.gif);}";
break;
}
?>
</style>
<link rel='stylesheet' type='text/css' href='text.css'>
<title>Häring - Entsorgungsdienstleistungen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>[img]Bilder/Skin/banner.gif[/img]</td>
<td bgcolor="#ffffff"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#ffffff" width="133px"></td>
<td height="20px" width="738px" bgcolor="#ffffff"><marquee><font color="#7D8DA9" face=Verdana size=2>[b]<font size=1>+++</font> News: Start dieser Internetpräsenz <font size=1>+++</font>[/b]</font></marquee></td>
<td bgcolor="#ffffff"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="133px" bgcolor="#ffffff"></td>
<td valign="bottom">[img]Bilder/Skin/streifen_oben.gif[/img]</td>
</tr>
</table>
</td>
</tr>
<tr valign="bottom">
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="center" width="133px" height="357px" bgcolor="#ffffff"></td>
<td valign="center" width="234px" height="357px">[img]Bilder/Skin/menue.gif[/img]</td>
<td valign="center" width="521px" height="357px"><div id="Kasten"><? include($_GET["page"].".php"); ?></div></td>
<td valign="center" width="3px" height="357px">[img]Bilder/Skin/kante_rechts.gif[/img]</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="133px" bgcolor="#ffffff"></td>
<td valign="top">[img]Bilder/Skin/streifen_unten.gif[/img]</td>
</tr>
</table>
</td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="19,5,86,23" href="index.php?page=start" alt="Start">
<area shape="rect" coords="19,48,125,68" href="index.php?page=konzept" alt="Konzept">
<area shape="rect" coords="19,95,153,115" href="index.php?page=zielgruppe" alt="Zielgruppe">
<area shape="rect" coords="19,140,141,158" href="index.php?page=loesungen" alt="Lösungen">
<area shape="rect" coords="19,184,99,203" href="index.php?page=preise" alt="Preise">
<area shape="rect" coords="19,230,122,250" href="index.php?page=kontakt" alt="Kontakt">
<area shape="rect" coords="19,274,164,295" href="index.php?page=impressum" alt="Impressum">
</map>
</body>
</html>
