fixierte Navi mit aufklapp Menu & flexible...
treibstoff
- css
liebe Leute,
vielleicht schaut Ihr Euch den Link hier mal an:
http://www.directurl.de/06902865
Als Grundlage habe ich hier dén Workaround für den Internet Explorer für eine fixierte Navi ( http://de.selfhtml.org/css/layouts/anzeige/fixiert_ie.htm )
genommen - und umgearbeitet für eine horizontale Navi mit dem rein CSS basierten Aufklappbarten Menu auf Grundlage von Stu Nichols.
Ziel war eine fixierte Navi über ein Hintergrundlayout mit eben einem aufklappbarem Menu, mit einer *max-width* von 1100px (IE6 ist bei der max-width noch aussen vor) bei grösseren Viewports - und - vor allem grosse Flexibilität bei SchriftAnsichtVergrösserungen bzw. Zoom-Funktionen, insbesondere was das Aufklappbare Menu betrifft.
Schön bei dieser Geschichte ist das perfekte überlappen des Hintergrundimage (im fixierten Bereich mit dem eigentlichen Hintergrundimage (der hier im #Scrollbereich liegt, musste so sein!).
Funktioniert in meinem Sinne auf allen PC getesteten Browsern (IE6, IE7, FF, Opera ), Mac hab ich noch nicht....
Ein paar Fragen bleiben offen:
1. die unterschiedlich Länge der Seite im FF gegeüber IE6 / IE7 / OPERA (zum einen Bedingt durch unterschiedliche Darstellung des CSS der im Selfhtml bverwendeten Navi, die ich hier im unteren Berich mitverwendet habe).
Könnte man mit leben, aber ....
2. die Weite des fixierten Berichs hab ich mit 100% gesetzt, musste aber für den IE6 und darunter aber die Weite mit exact 98.1% setzen, damit der Scrollbalken im fixierten Bereich nicht verschwindet:
Warum?????????
3. umd das Menue horizontal zu zentrieren habe ich
.menu {
width:800px;
font-size:100%;
position:relative;
left:50%;right:50%;
margin-left: -377px;}
geschrieben
allerdings hier mit der veränderten *margin-left: -385px* für alle IE.
Warum diese Abweichung im FF & Opera ?????
Um Kommentare wäre ich sehr verlegen....
lieben thomas