✔ Nicht Scrollbare Leiste am unteren Browserrand

Status
Nicht offen für weitere Antworten.
Hallo!

ich habe heute nocheinmal an dieser CSS Geschichte rungebastelt, leider funktioniert es nicht.

Das ist meine Test Html Datei:

HTML: 
<html>

<head>
<title>Kein Titel</title>
<meta name="" content="">

<link rel="stylesheet" href="nicht_ie.css" type="text/css"> 
<!
[if IE]>  
<link rel="Stylesheet" href="ie.css" type="text/css"> 
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>&nbsp;</p>
</body>

</html>

Dies ist die CSS Datei für den IE:

HTML: 
#anmeldeleiste { /* Für IE */
   position: absolute;
   bottom:0;
   top: expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight);
   width: 100%;
   width:expression(document.body.clientWidth);
   height: 50px;
   background: #000;
   border-top: 1px solid #efefef;
}

Und dies ist die CSS Datei für "alle anderen Browser":

HTML: 
#anmeldeleiste { /* Für nicht-IE-Browser */
   position: fixed;
   left:0;
   right: 0;
   bottom: 0;
   z-index: 7;
   height: 50px;
   background: #000;
   border-top: 1px solid #efefef;
}

So doch leider funktioniert es nicht. Ich verzeifel halb an diesem Problem.

Please help me!
Was habe ich denn da falsch gemacht, dass da nichts angezeigt wird?

MfG

Counteract
 
Es fehlt natuerlich das div-Tag fuer die "anmeldeleiste"...
HTML: 
<html>
<head>
<title>Kein Titel</title>
<link rel="stylesheet" href="nicht_ie.css" type="text/css"> 
<!
[if IE]>  
<link rel="Stylesheet" href="ie.css" type="text/css"> 
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<div id="anmeldeleiste">Blabliblubb</div>
</body>
</html>
 
Zuletzt bearbeitet:
Zum einen solltest Du nochmal den Codeschnipsel vergleichen, wie die beiden Stylesheets in das Dokument eingebunden werden, und zum anderen fehlt in dem Dokument ein (DIV-)Element mit der ID #anmeldeleiste.
 
Ich hab mir das gerade nochmal genau angeschaut! Und weis nicht so recht was du damit meinst! Leider...

Kannst du mir vielleicht mal zeigen was ich da falsch mache?

HTML: 
 top: expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight);

HTML: 
   width:expression(document.body.clientWidth);

Was bedeutet eigentlich dieser Code?

Vielen dank für deine Hilfe!
 
So, und damit wir hier mal vorankommen, poste ich Dir jetzt den vollständigen und gebrauchsfertigen Quelltext der Seite :(

Das kann doch echt nicht so schwer sein ... :rolleyes:

HTML: 
<!-- put IE into Quirksmode -->
<!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">
<title></title>

<style type="text/css">
<!--
body {
background: #5f5f5f;
color: #fff;
}

#anmeldeleiste { 
   position: fixed; 
   left:0;
   right: 0;
   bottom: 0;
   z-index: 7;
   height: 50px;
   background: #000;
   border-top: 1px solid silver;
   }
-->
</style>
<!--[if lt IE 7]>
<style type="text/css">
#anmeldeleiste { 
   position: absolute;
   bottom:0;
   top: expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight);
   width: 100%;
   width:expression(document.body.clientWidth);
}
</style>
<![endif]-->

</head>
<body>

<p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p><p>dummy text</p>

<div id="anmeldeleiste">aha</div>

</body>
</html>
 
1000 Dank!

Wäre richtig schön wenn du mir den code noch kommentieren könntest! Oder nur paar Teile davon! Somit könnte ich das auch verstehen wie es also ich meine damit die beiden Zeilen von oben.

Aber nochmal 1000 Dank!
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück