FF / IE: Unterschiedliche Darstellung des Backgrounds (width: 100%)

Status
Nicht offen für weitere Antworten.
Ich hab dir lediglich den Grund für den Scrollbalken genannt, von einer absoluten Positionierung war von meiner Seite nie die Rede.
 
Grundsätzlich gibt es aber eine Methode, das Element am unteren Fensterrand absolut zu positionieren, und es bei zunehmenden Inhalt dennoch nach unten wandert:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_shorty</title>

<style type="text/css">
<!--
html,body {
height:100%;
margin:0;
padding:0;
}

#wrapper {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
}

#content {
padding-bottom:120px;
}

#Stripe_Bottom {
position:absolute;
bottom:60px;
background:url('http://www.2dswork.info/hmdesign/images/layout/bgbottom.gif') repeat-x;
height:60px;
width:100%;
}
-->
</style>

</head>
<body>

<div id="wrapper">
    <div id="content">
         <p>some dummy text to expand the box</p>
         <!-- Ab hier ist der Inhalt zunächst auskommentiert -->
         <!--<p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>
         <p>some dummy text to expand the box</p>-->
    </div>
    <div id="Stripe_Bottom"></div>
</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück