✔ Nicht Scrollbare Leiste am unteren Browserrand

Status
Nicht offen für weitere Antworten.
Also hier nochmal der erforderliche CSS-Code aus dem genannten Thread:

  • Für nicht-IE-Browser (Firefox, Mozilla, Netscape, Opera, usw.):
Code: 
/* rahmen.css */
/* http://www.erweiterungen.de/css.dev/rahmen.css */
#anmeldeleiste { /* Für nicht-IE-Browser */
   position: fixed;
   left:0;
   right: 0;
   bottom: 0;
   z-index: 7;
}
  • Für IE:
Code: 
/* ie.css */
/* http://www.erweiterungen.de/css.dev/ie.css */

#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);
}
 
Jetzt mal ne ganz dumme Frage:

Es soll ja für alle Browser funktionieren, also müssen ja beide Teile deines Codes in die HTML Datei Rein. Wie mach ich das?
 
Du kannst das IE-spezifische Stylesheet mit Hilfe eines Conditional Comments in das Dokument einbinden.

HTML: 
<link rel="stylesheet" href="nicht_ie.css" type="text/css">
<!--[if IE]>
 <link rel="Stylesheet" href="ie.css" type="text/css">
<![endif]-->
 
Danke schon mal!

Also damit setze ich praktisch den Code:

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

in das eigentliche HTML Dokument und die Beiden CSS dateien werden dann je nach Browser abgerufen.

Wo kommt denn dann der Code von Oben hin?
 
CSS-Code der nicht_ie.css:

Code: 
#anmeldeleiste { /* Für nicht-IE-Browser */
   position: fixed;
   left:0;
   right: 0;
   bottom: 0;
   z-index: 7;
}

CSS-Code der ie.css:

Code: 
#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);
}
 
Leider ist das nicht ganz die Antwort auf meine Frage:

Wo soll der Code für das Conditional Comments hin?

In den Head oder wo hin?

Oder kann man direkt den code der beiden CSS dateien in das HTML Doc schreiben?

Wenn ja wie?
 
Sorry, da habe ich Deine Frage mißverstanden.

Stylesheets werden im Header eines HTML-Dokuments notiert:

HTML: 
<html>
<head>
<title>...</title>

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

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

Neue Beiträge

Zurück