sirtoby: div-container springt weg bei dynamischer Seitenlänge

Beitrag lesen

SELF-Forum

div-container springt weg bei dynamischer Seitenlänge

sirtoby
– Informationen zu den Bewertungsregeln

Hallo an alle Experten,

ich habe noch einmal ein Problemchen mit div-Containern und habe schon alles ausprobiert: Ziel soll sein, dass sich der Seiteninhalt dynamisch anpasst. Alles klappt auch supi im IE und FF solange der Inhalt tatsächlich länger ist als das Browser-Fenster. Passt der Inhalt aber hinein und man navigiert zu einer anderen Seite mit längerem Inhalt, dann springt die ganze Seite im FF um ein paar Pixel weg. Im IE dagegen ist alles okay. Ich finde den Fehler einfach nicht. :-(

Vielleicht hat jemand von Euch eine Idee. Ich würde mich freuen.

So sieht der Kern aus:

body,html {  
margin:0px;  
padding:0px;  
min-height:100%;  
}  
  
#mitte  
{  
width:920px;  
min-height:100%;  
margin:0px auto;  
}  
  
#kopf  
{  
margin-top:30px;  
margin-left:60px;  
width:800px;  
height:319px;  
background-image:url(images/kopf.gif);  
}  
  
#inhalt  
{  
margin-left:60px;  
width:740px;  
min-height:400px;  
padding: 0px 30px 30px 30px;  
background-image:url(images/white.gif);  
background-repeat: repeat-y;  
}  
  
#menu1  
{  
position:absolute;  
top:150px;  
margin-left:0px;  
}  
  
#menu2  
{  
position:absolute;  
top:0px;  
margin-left:0px;  
}  
  
#menu3  
{  
position:absolute;  
top:0px;  
margin-left:110px;  
}  
  
#menu4  
{  
position:absolute;  
top:0px;  
margin-left:230px;  
}  


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html><head>  
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">  
<link rel="stylesheet" type="text/css" href="layout.css">  
</head>  
<body >  
<div id="mitte">  
	<div id="kopf"></div>  
  
	<div id="inhalt">  
    <!-- INHALT INHALT -->  
    <!-- INHALT INHALT -->  
    <!-- INHALT INHALT -->  
    <!-- INHALT INHALT -->  
    </div>  
  
    <div id="menu1"><!--Bild--></div>  
    <div id="menu2"><!--Bild--></div>  
    <div id="menu3"><!--Bild--></div>  
    <div id="menu4"><!--Bild--></div>  
  
</div></body></html>

Hier ist das komplette Projekt in seinem jetzigen Stadium: http://www.fil-berlin.de/start.php

Beitrag melden
–
Informationen zu den Bewertungsregeln