nicht angemeldet
servus,
ich habe ein kleines problem. ich habe eine page gescriptet und dort tabellen verwendet. 3 zellen nebeneinander. in der linken zelle links, in der mitte text und rechts nichts, da ist nur hintergrund als design eingetragen. die tabelle, sowie einzelne zellen sind per css mit fixer breite definiert und es passt vom design auch. nun habe ich die mitte mit text gefüllt und einen innenabstand von 10px je seite angegeben. das problem ist, daß statt den text der tabelle anzupassen das drecksding mir die tabelle dem text anpasst. er verbreitert also die tabelle und lässt den text gleich. dadurch verrutscht das ganze design. ich möchte wissen, weshalb (angaben, daß ich besser keine tabellen nutze,... möchte ich mal nicht hören, das hilft mir nicht weiter!). danke schonmal für eure hilfe!
mfg
de nixbligger
die datei.css:
body {
margin:0px;
padding:0px;
font:11px Arial, Verdana;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
}
a {
text-decoration:underline;
font:11px Arial, Verdana;
cursor:help;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
}
a:hover {
text-decoration:none;
font:11px Arial, Verdana;
cursor:help;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
}
.link {
border:none;
cursor:help;
}
.link:hover {
border:none;
cursor:help;
}
.tb {
width:850px;
height:*px;
align:left;
vertical-align:top;
border:none;
font:11px Arial, Verdana;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
padding:0px;
margin:0px;
border:none;
border-collapse:collapse;
}
.td1 {
vertical-align:top;
width:850px;
height:45px;
margin:0px;
padding:0px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
background-image:url(top.jpg);
border:none;
border-collapse:collapse;
background-repeat:no-repeat;
background-position:left;
}
.td2 {
vertical-align:top;
width:162px;
height:*px;
margin:0px;
padding:0px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
background-image:url(middleleft.jpg);
border:none;
border-collapse:collapse;
}
.td3 {
vertical-align:top;
width:539px;
height:*px;
margin:0px;
padding-top:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
border:none;
border-collapse:collapse;
}
.td4 {
vertical-align:top;
width:149px;
height:*px;
margin:0px;
padding:0px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
background-image:url(middleright.jpg);
border:none;
border-collapse:collapse;
}
.td5 {
vertical-align:top;
width:850px;
height:34px;
margin:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right:150px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
background-image:url(bottom.jpg);
border:none;
border-collapse:collapse;
background-repeat:no-repeat;
background-position:left;
text-align:right;
}
.menutb {
border:none;
background:#FFFFFF;
border-collapse:collapse;
font:11px Arial, Verdana;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
padding:0px;
marging:0px;
width:158px;
height:204px;
}
.menu {
border:none;
background:#FFFFFF;
border-collapse:collapse;
font:11px Arial, Verdana;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
padding:0px;
marging:0px;
width:158px;
height:34px;
}
die passende index.php:
<html>
<head>
<link rel="stylesheet" href="datei.css" type="text/css">
<title>DLRG Worms</title>
</head>
<body oncontextmenu="return false" ondragstart="return false">
<span name="top"></span>
<table class="tb">
<tr>
<td class="td1" colspan="3"> </td>
</tr>
<tr>
<td class="td2">
<!-- Start Menü -->
<table class="menutb">
<tr>
<td class="menu"><a href="index.php?id=news" class="link"><img src="link1news.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=about" class="link"><img src="link2about.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=join" class="link"><img src="link3join.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=pics" class="link"><img src="link4pics.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=links" class="link"><img src="link5links.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=impressum" class="link"><img src="link6impressum.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
</table>
<!-- End Menü -->
</td>
<td class="td3">
<!-- Inhalt start -->
<?php
if (!isset($_GET['id']))
{ $_GET['id']="news";
}
if (file_exists($_GET['id'].".inc"))
{ include($_GET['id'].".inc");
}
else {
echo " <b><center>Der Inhalt wurde noch nicht implementiert</center></b> ";
}
?>
<!-- Inhalt ende -->
</td>
<td class="td4"> </td>
</tr>
<tr>
<td class="td5" colspan="3">
<br>
<a href="#" class="link"><img src="mail.jpg" width="40" height="16" border="0" alt=""></a> <a href="#top" class="link"><img src="totop.jpg" width="40" height="16" border="0" alt=""></a></td>
</tr>
</table>
</body>
</html>
MudGuard
Auge