Ich habe in meinem Layout bestimmte Taellen mit hintergrundbildern
versehen. Hier mal ein Auszug:
Code: Alles auswählen
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="3" class="abstand_o"><img src="img/blank.gif" height="23"></td>
</tr>
<tr>
<td rowspan="3" class="h_l"> </td>
<td class="hc_o"><img src="img/blank.gif" height="12"></td>
<td rowspan="3" class="h_r"> </td>
</tr>
<tr>
<td class="hc_m" valign="middle">FAQ | Kontakt | Sitemap</td>
</tr>
<tr>
<td class="hc_u" valign="middle" align="right"><img src="img/blank.gif" height="6"></td>
</tr>
</table>
Code: Alles auswählen
body {
margin: 0;
padding: 0;
background: url(img/hp_bg.gif);
background-repeat: repeat-x;
}
.abstand_o {
width: 10px;
}
.h_l {
width: 21px;
height: 49px;
background: url(img/h_l.gif);
background-repeat: no-repeat;
}
.hc_o {
width: 832px;
height: 12px;
background: url(img/hc_o.gif);
background-repeat: repeat-x;
}
.hc_m {
font: 13px hevetica, arial, sans-serif;
font-weight: bold;
text-align: right;
color: #FFFFFF;
width: 832px;
height: 31px;
background: url(img/hc_m.gif);
background-repeat: repeat-x;
}
.hc_u {
width: 832px;
height: 6px;
background: url(img/hc_u.gif);
background-repeat: repeat-x;
}
.h_r {
width: 21px;
height: 49px;
background: url(img/h_r.gif);
background-repeat: no-repeat;
}
.b_l {
width: 21px;
height: 201px;
background: url(img/b_l.gif);
background-repeat: repeat-x;
}
.b_m {
width: 832px;
height: 201px;
background: url(img/banner.jpg);
background-repeat: repeat-x;
}
.b_r {
width: 21px;
height: 201px;
background: url(img/b_r.gif);
background-repeat: no-repeat;
}
.f_l {
width: 21px;
height: 55px;
background: url(img/f_l.gif);
background-repeat: repeat-x;
}
So sieht das layout aus ohne contenido (rein html + css)

In contenido integriert sieht es dann so aus:

Kann mir jemand helfen? Ich würde das Problem gern beheben.
Danke im voraus für eure Tipps.
Jamest