✔ Anmeldeleiste

counteract · 22. Februar 2007

Hallo!

Ich habe ein Problem mit meine Anmeldeleiste die immer ganz unten im Browser erscheinen soll und auch dort feststehen bleiben soll.

Momentan habe ich dies so gelöst:

HTML:

<html>
#anmeldeleiste { /* Für nicht-IE-Browser */ 
position: fixed; 
left:0; 
right: 0; 
bottom: 0; 
z-index: 7; 
height: 20px; 
background: #000; 
/*border-top: 3px solid silver; */
} 
--> 
</style> 
<!--[if lt IE 7]>
<style type="text/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);
 } 
</style> 
<![endif]-->

Jodoch funktioniert dieser Code nicht mehr bei dem neuen IE!

Was kann man tun damit dies auch im neuen IE funktioniert?

MfG

Counteract

Maik · 22. Februar 2007

Hi,

verwende mal diesen Code:

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">
<title></title>

<style type="text/css">
<!--
#anmeldeleiste { /* Für nicht-IE-Browser */
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 7;
   height: 20px;
   background: #000;
   color: #fff;
}
-->
</style>
<!--[if lt IE 7]>
<style type="text/css">
#anmeldeleiste { /* Für IE */
   position: absolute;
   bottom:0;
   width: 100%;
   top: expression(document.documentElement.scrollTop + document.documentElement.clientHeight - this.clientHeight);
   width:expression(document.documentElement.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>

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

</body>
</html>

counteract · 22. Februar 2007

Ich habe deinen Code mal ausprobiert, leider funktioniert er auch nicht!

Hast du vielleicht noch eine Idee an was das liegen kann?

Maik · 22. Februar 2007

Bei mir funktioniert er tadellos. Hast du ihn auch vollständig und unverändert übernommen?

counteract · 22. Februar 2007

Ja ich habs auch grad gemerkt...! wenn man ihn vollständig übernimmt klappts!

Dank dir!

counteract · 22. Februar 2007

Mhm hab leider doch noch ein Problem!

Wenn ich ihn so einbinde dann funktioniert es nicht...

HTML:

<html>

<head>
<style type="text/css"> 
<!--
body { 
background: url(banner_6-Hintergrund.jpg) repeat-x 0 0; 
} 

#anmeldeleiste { /* Für nicht-IE-Browser */
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 7;
   height: 20px;
   background: #000;
   color: #fff;
}
-->
</style>
<!--[if lt IE 7]-->
<style type="text/css">
#anmeldeleiste { /* Für IE */
   position: absolute;
   bottom:0;
   width: 100%;
   top: expression(document.documentElement.scrollTop + document.documentElement.clientHeight - this.clientHeight);
   width:expression(document.documentElement.clientWidth);

}

Das obere mit dem Hintergrund benötige ich auch für meine Seite! Hat also nichts mit dem Teil unten zu tun.

Was mache ich denn hier falsch?

Maik · 22. Februar 2007

In dieser Form (ohne Doctype) übergibst du das Dokument im Quirksmode.

Vergleiche hierzu einfach nochmal meinen vorgeschlagenen Quellcode, der ja eben noch funktioniert hat.

counteract · 22. Februar 2007

Boa krass! Ich versteh nur Bahnhof! Ich depp...

Was heißt denn Quirksmode?

Maik · 22. Februar 2007

http://de.wikipedia.org/wiki/Quirksmode und http://www.css4you.de/wsdoctypeswitch/index.html, sowie http://www.css4you.de/wsdoctypeswitch/dtsw01.html

counteract · 22. Februar 2007

Leider habe ich noch ein Problem: Nun funktioniert zwar die Anmeldeleiste in IE jedoch habe ich probleme beim Firefox! Dort wird die Tabelle oben auseinander dargestellt, das heißt man hat weiße linien zwischen der Tabelle.

HTML:

<!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: url(banner_6-Hintergrund.jpg) repeat-x 0 0; 
} 
#anmeldeleiste { /* Für nicht-IE-Browser */
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 7;
   height: 20px;
   background: #000;
   color: #fff;
}
-->
</style>
<!--[if lt IE 7]>
<style type="text/css">
#anmeldeleiste { /* Für IE */
   position: absolute;
   bottom:0;
   width: 100%;
   top: expression(document.documentElement.scrollTop + document.documentElement.clientHeight - this.clientHeight);
   width:expression(document.documentElement.clientWidth);

}
</style>
<![endif]-->
</head>
<title></title>
<meta name="generator" content="Namo WebEditor">

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="0" width="1000" cellspacing="0" cellpadding="0" height="152">
    <tr>
        <td width="1000"><img src="images/CTban_0.jpg" width="1000" height="112" border="0"></td>
    </tr>
    <tr>
        <td width="1000" height="10">
            <table border="0" width="1000" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="49"><a href="index.php" target="_self"><img src="images/CTban_C1R2_0.jpg" width="49" height="28" border="0"></a></td>
                    <td width="67"><a href="branchen.htm" target="_self"><img src="images/CTban_C1R2_1.jpg" width="67" height="28" border="0"></a></td>
                    <td width="65"><a href="leistung.htm" target="_self"><img src="images/CTban_C1R2_2.jpg" width="65" height="28" border="0"></a></td>
                    <td width="55"><a href="kunden.htm" target="_self"><img src="images/CTban_C1R2_3.jpg" width="55" height="28" border="0"></a></td>
                    <td width="69"><a href="bewerber.htm" target="_self"><img src="images/CTban_C1R2_4.jpg" width="69" height="28" border="0"></a></td>
                    <td width="87"><a href="jobangebote.php" target="_self"><img src="images/CTban_C1R2_5.jpg" width="87" height="28" border="0"></a></td>
                    <td width="105"><a href="projektangebote.php" target="_self"><img src="images/CTban_C1R2_6.jpg" width="105" height="28" border="0"></a></td>
                    <td width="58"><a href="kontakt.htm" target="_self"><img src="images/CTban_C1R2_7.jpg" width="58" height="28" border="0"></a></td>
                    <td width="445"><img src="images/CTban_C1R2_8.jpg" width="445" height="28" border="0"></td>
                </tr>

✔ Anmeldeleiste

counteract

Erfahrenes Mitglied

Maik

counteract

Erfahrenes Mitglied

Maik

counteract

Erfahrenes Mitglied

counteract

Erfahrenes Mitglied

Maik

counteract

Erfahrenes Mitglied

Maik

counteract

Erfahrenes Mitglied

Neue Beiträge