nicht angemeldet
n'Abend Detlef.
Ich füge einfach mal den betrffenden Abschnitt aus dem Quelltext ein, ok? Leider habe ich keine Mögichkeit, besagte Files hochzuladen.
Also, los gehts. Zuerst HTML ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="false">
<title</title>
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="all" />
<script src="../js/script.js" type="text/javascript">
</script>
<script type="text/javascript" language="JavaScript">
<!--
//-->
</script>
</head>
<body>
<div id="topFrame">
</div>
<!-- | INHALT | -->
<div id="imageFrame">
<img src="../images/dummy.jpg" border="0" />
</div>
<div id="contentFrame">
<div id="menuBar">
<a href="../../home/home.html"><img src="../images/menu.gif" border="0" /></a>
</div>
.
.
.
Das wäre die betreffenden Stelle. "imageFrame" enthält ein 850px breites Bild. Der Spalt tritt zwischen dem unteren Rand von "dummy.jpg" und dem oberen Rand von "menu.gif" auf. Wie Du aus dem nachfolgenden CSS erkennen kannst, enthält "contentFrame" ein Hintergrundbild. Dies ist aber zwischen beiden images nicht zu sehen, sondern lediglich die Hintergrundfarbe des BODY-Tags. Deshalb tippe ich halt auf die DIVs als Fehlerquelle.
Nun zum CSS (in Auszügen):
body
{
margin: 0px;
font-size: 9px;
background-color: #8d0003;
}
img
{
border: none;
}
#contentFrame
{
position: relative;
width: 850px;
margin: 0 auto;
background: url(../images/bkg_main.jpg) repeat-x top left;
/* Verlauf */
background-color: #fdf3d5;
}
#imageFrame
{
width: 850px;
margin: 0 auto;
border: 0px;
padding: 0px;
}
#menuBar
{
width: 850px;
margin: 0px auto;
margin-top: 0px;
border: 0px;
padding: 0px;
}
Ich arbeite gerade im Internet Explorer 6. Ich weiß, ich weiß ... aber auch dort sollte es funktionieren.
Nochmals vielen Dank und einen schönen Abend.
Struppi
MudGuard