nicht angemeldet
Tabellen
Hallo,
ich hab ein Problem, dass ich nicht im geringsten verstehe. Ich hab mir eine Tabelle gemacht, die das Design trägt.
Ich hab mal ein Bild gemacht, um mein Problem zu schildern, und zwar hatt die mittlere der drei Spalten eine andere Höhe als die linke und die rechte, obwohl alle gleich definiert wurden.
Link zum Bild: http://www.loh-fotografix.com/problem/problem.jpg
Meine Tabelle sieht wie folgt aus (Die äussere tabelle hab ich zum vertikalen zentrieren des Designs verwendet):
<html>
<head>
<title>Untitled</title>
</head>
<link rel="stylesheet" href="inc/style.css" type="text/css">
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" valign="middle">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" valign="middle" align="center">
<table class="table" cellpadding="0" cellspacing="0">
<tr>
<td class="table_l">
<img src="gfx/design/l_home.jpg" border="0">
</td>
<td class="table_con" background="gfx/design/m_home.jpg">
Hier kommen die Inhalte rein
</td>
<td class="table_r">
<img src="gfx/design/r_home.jpg" border="0">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Das CSS FILE sieht wie folgt aus:
body
{
height:100%
vertical-align:middle;
}
.table
{
border-top-width:0pt;
border-bottom-width:0pt;
border-left-width:0pt;
border-right-width:0pt;
border-style:solid;
widht:1000;
align:center;
}
.table_l
{
border-top-width:0pt;
border-bottom-width:0pt;
border-left-width:0pt;
border-right-width:3pt;
border-right-color:white;
border-style:solid;
widht:336;
height:527;
}
.table_con
{
border-top-width:0pt;
border-bottom-width:3pt;
border-left-width:0pt;
border-right-width:3pt;
border-right-color:white;
border-bottom-color:white;
border-style:solid;
background-color:#FBE9C8;
height:527;
width:569;
vertical-align:top;
}
.table_r
{
border-top-width:0pt;
border-bottom-width:0pt;
border-left-width:0pt;
border-right-width:0pt;
border-style:solid;
height:527;
width:114;
background-image:url(gfx/design/r_home.jpg);
}
Sorry für den vielen und unsauberen Code, weiss aber selbst nicht mehr weiter.
Danke für Antworten im vorraus!!!
fg Ulrich
-
Hallo ;-)
vielleicht liegts am "border-bottom-width:3pt;"? ^^
MfG
-
Hallo ;-)
vielleicht liegts am "border-bottom-width:3pt;"? ^^
MfG
hallo,
das mit maßeinheit hab ich ausprobiert, ändert sich aber nichts,
das border-bottom-width:3pt; hab ich reingetan, damits wenigstens beim internet explorer so aussieht, wie ichs brauche, wenn ich das auf 0 setze siehts in beiden browsern so aus, wie es nicht sein soll
-
-
Hallo,
widht:336;
height:527;hier solltest Du Maßeinheiten angeben, also etwa height:527px;
Probiere das mal aus. Klappt das dann?Ciao,
Andreas