![]() |
Willkommen, Gast ( Anmelden | Registrierung )
![]() |
![]()
Beitrag
#1
|
|
Rookie Gruppe: User Beiträge: 8 Mitglied seit: 15.06.2005 Mitglieds-Nr.: 5.198 ![]() |
Hallo zusammen.
Ich hab da mal wieder eine Frage. Ich habe zur Zeit sowohl die obere als auch die linke Navigation via Include-Befehl eingefügt. Damit gibt es auch keine Probleme. Ich möchte aber, falls das überhaupt möglich ist, das sich die Navigation beim scrollen immer im Blickfeld des Besuchers befindet. Also, ist das möglich oder verlang ich da einfach zuviel? Gruss Robert |
|
|
![]() |
![]()
Beitrag
#2
|
|
Weiss zuviel!! ![]() Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 ![]() |
Hallo,
das geht auch mit zwei CSS-Dateien (1 x Moz/FF/... und 1 x IE) und einer Browserweiche, die nur der IE versteht. In der CSS für IE habe ich alles was nur der IE versteht, den ganzen großen Rest in der für die anderen. CSS-IE QUELLTEXT html, body { margin: 0; padding: 0; height: 100%; overflow-y: hidden; font-family: Arial, sans-serif; color: black; background-color: #fbfbfb; } /*that must be to fix the menu-box - only ie*/ .container { height: 100%; width: 100%; overflow: auto; } /*box that contains the information*/ .content { position: static; margin: 0px 10px 10px 240px; background-color: #fbfbfb; border:0px; padding: 0px 10px 10px 10px; } /*box the contains the navigation*/ .menu { z-index: 1; background-color: #fbfbfb; position: absolute; top: 0px; left: 0px; width: 220px; height: 100%; /*535px;*/ overflow:auto; font-size:0.7em; } CSS-Moz/FF/... QUELLTEXT body { margin: 2px; height: 100%; font-family:Arial, sans-serif; color: black; /*font-size:12pt;*/ /*ie isn't able to scale fonts, if set font-size*/ background-color: #fbfbfb; } /*box that contains the information*/ .content { position: static; margin: 0px 10px 10px 240px; border: 0px solid black; background-color: #fbfbfb; padding: 0px 10px 10px 10px; } /*box the contains the navigation*/ .menu { position: fixed; background-color: #fbfbfb; left: 0px; top: 0px; width: 220px; height : 100%; /*535px;*/ overflow:auto; font-size:0.7em; padding-top:5px; padding-left:5px; } Browserweiche in jeder HTML-Datei im Head QUELLTEXT <!--[if gte IE 5]> <link href="css/ie5.css" rel="stylesheet" type="text/css"> <![endif]--> Grobstruktur der Seiten QUELLTEXT <html> <head> ... <link href="css/other.css" rel="stylesheet" type="text/css"> <!--[if gte IE 5]> <link href="css/ie5.css" rel="stylesheet" type="text/css"> <![endif]--> </head> <body> <div class="menu"> ... <div> <div class="container"> <div class="content"> ..... </div> </div> </body> Das arbeitet auf meiner Seite bestens mit den meisten mir bekannten Browsern. Der Beitrag wurde von i.b.g bearbeitet: 28.07.2005 - 10:39 |
|
|
![]() ![]() |
![]() |
Vereinfachte Darstellung | Aktuelles Datum: 07.07.2025 - 4:37 |