Tag zusammen,
Erstmal hallo, denn dies ist mein erster Beitrag in diesem Forum.
Ich habe eine html-Seite in Dreamweaver mit Tabellen erstellt. Jede Zelle enthält für das Design ein Bild.
Es fügt sich in der Ausgabe auch alles wunderbar zusammen, nur es bleibt eine 1px große horizontale Linie in der Ausgabe im Browser. Im IE ist diese unten bei Firefox oben.
Wenn ich das ganze Design nun in Sefrengo einbaue, vergrößert sich diese Linie, je mehr Container ich einfüge.
Kann mir einer sagen, was ich falsch mache?
Hier der Quellcode:
Erstmal hallo, denn dies ist mein erster Beitrag in diesem Forum.
Ich habe eine html-Seite in Dreamweaver mit Tabellen erstellt. Jede Zelle enthält für das Design ein Bild.
Es fügt sich in der Ausgabe auch alles wunderbar zusammen, nur es bleibt eine 1px große horizontale Linie in der Ausgabe im Browser. Im IE ist diese unten bei Firefox oben.
Wenn ich das ganze Design nun in Sefrengo einbaue, vergrößert sich diese Linie, je mehr Container ich einfüge.
Kann mir einer sagen, was ich falsch mache?
Hier der Quellcode:
<html>
<head>
<cms:lay type="head"/>
<title>Anna Aengenheyster</title>
<style type="text/css">
a:link{
color:#ffffff;
text-decoration: none;
font-weight: bold;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
}
a:visited{
color:#ffffff;
text-decoration: none;
font-weight: bold;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
}
a:hover{
color:#ffffff;
text-decoration: none;
font-weight: bold;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
}
a:active{
color:#ffffff;
text-decoration: none;
font-weight: bold;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
}
.head {
background:url(media/Bilder/top_head.jpg) no-repeat;
}
.left {
background:url(media/Bilder/left.jpg) no-repeat;
}
.right {
background:url(media/Bilder/right.jpg) no-repeat;
}
.bottom {
background:url(media/Bilder/bottom.jpg) no-repeat;
}
.content {
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
background:url(media/Bilder/content1.jpg) no-repeat;
}
.top_nav {
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
align:right;
background:url(media/Bilder/top_nav.jpg) no-repeat;
padding-right: 8px;
padding-top: 4px;
}
.foot_nav {
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
align:right;
background:url(media/Bilder/foot_nav.jpg) no-repeat;
padding-right: 8px;
padding-top: 4px;
}
</style>
</head>
<body>
<table width="842" height="595" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="842" height="92" border="0" align="center" cellpadding="0" cellspacing="0" class="head">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="842" height="403" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="left" width="160" height="403" align="left" valign="top"></td>
<td valign="top">
<table width="531" height="403" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="top_nav" width="531" height="27" align="right" valign="bottom"></td>
</tr>
<tr>
<td>
<table width="531" height="350" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="side_nav" width="81" height="350" valign="top"><cms:lay type="container" id="2" title="side_nav"><cms:lay type="container" id="3" title="side_nav2"></td>
<td class="content" width="450" height="350" valign="top"><cms:lay type="container" id="11" title="content"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="foot_nav" width="531" height="26" align="right" valign="bottom"></td>
</tr>
</table>
</td>
<td class="right" width=151" height="403" align="right" valign="top"></td>
</tr>
</table>
<tr>
<td>
<table width="842" height="99" border="0" align="center" cellpadding="0" cellspacing="0" class="bottom">
<tr><td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<cms:lay type="config"/>
</body>
</html>
Zuletzt bearbeitet: