Moin,
die Ursache findet sich in der absoluten Positionierung des DIV-Blocks
.fensterplayer, womit er aus dem normalen Textfluß genommen wird, und das nachfolgende Element nach oben rutscht.
In der Vorgängerversion, in der er noch nicht absolut positioniert war, existierte dieses Problem auch nicht.
Wenn du weiterhin an der absoluten Positionierung festhalten willst, muß die untere Navi unweigerlich gleichermaßen absolut positioniert werden:
Code:
<!-- Untere Navigation -->
<div align="center" class="navi" style="position:absolute;left:70px;top:1350px;">
Ansonsten hast du auch die Möglichkeit, eine relative Positionierung anzuwenden, womit die untere Navi wieder wie gewünscht automatisch im Anschluß folgt:
CSS:
.fensterplayer {
height: 1020px;
width: 960px;
position: relative;
left: 70px;
/*top: 300px;*/ /* auskommentiert = deaktiviert */
}
Auf die
height:1020px-Deklaration würde ich hier verzichten, falls auf der letzten Übersichtsseite in dieser Box weniger Videos enthalten sind. Ansonsten klafft da nämlich eine Lücke zur unteren Navigation auf.
Und was hat es mit den drei Doctype-Deklarationen auf sich?
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Zulässig ist hier nur eine.
mfg Maik