✔ Wie mache ich solch eine Leiste?

[DasLicht]

Hallo,

genau das habe ich gesucht, Vielen Dank.

LG

 

[Dark22]

Re: AW: Wie mache ich solch eine Leiste?

so ich habe das ganze auch versucht, im Firefox klappt es wie ich will, im IE noch nicht, habe zwar auch mit einer Browserweiche ausprobiert jedoch ohne Erfolg. Das ganze sollte so aussehen: http://www.pfila.pfadidavos.ch/ (im FF)
hier meine mometanige css datei: http://www.pfila.pfadidavos.ch/pfila.css
Die Dreiecke (Menü) und die untere Leiste sollten beide fix positioniert sein.

Vielen Dank für eure Hilfe

 

[Maik]

Dann vergleiche einfach nochmal deinen Code mit diesem hier.

Du mußt zwei Stylesheets in das Dokument laden, zuerst das Stylesheet für die modernen Browser und anschliessend das Stylesheet für den IE.

 

[Dark22]

habe nun genau den code eingebaut, im FF gehts im IE nicht, ich vermute das Problem mit meinem height: 100% weiss aber nicht genau

ps: hatte schon im Vorhinein mit diesem Code versucht jedoch ging es nicht und ich habe wieder die alte Variante hochgeladen

 

[Maik]

Du sollst auch nicht den Code aus dem obigen Beispiel einfach in dein Dokument einfügen, sondern deinen CSS-Code auf diese Weise "splitten".

 

[Dark22]

das mit dem splitten verstehe ich schon, jedoch habe ich das problem, dass im IE auch genau diese schwarze Leiste nicht richtig angezeigt wird.
ich habe nun mal einen versuch damit gemacht: http://www.pfila.pfadidavos.ch/test.html
im FF stimmts im IE nicht, einen fehler konnte ich nicht finden (wird aber wohl einen haben)

edit: habe den fehler ev. melde mich wieder wenn ich nicht weiter komme...

 

[Maik]

Und was stimmt(e) da bei dir im IE nicht?

Der Quellcode, den du von hier 1:1 übernommen hast, funktioniert bei mir im IE6 nämlich einwandfrei.

 

[Dark22]

so habe es nun mit dem streifen unten geschafft (weiss nicht wo der Fehler genau gelegen hat) Jetzt muess ich nur noch das Menü im IE fixieren, wie muss ich da diese angabe machen:

 #anmeldeleiste 
 { /* Für IE */ 
	 position: absolute; 
	 bottom:0; 
	 top: expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight); 	
 	 width:expression(794px); 
 }

 

[Maik]

Probier es mal hiermit:

 #anmeldeleiste { /* Für IE */
         position: absolute;
         bottom: 0;
         top: expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight);
 }
 #menu { /* Für IE */
         position: absolute;
         top: 25px;
         top: expression(parseInt(document.body.scrollTop + 25));
 }

 

[Dark22]

ganz geil, es funktioniert, vielen Dank für deine Hilfe