diff --git a/FHEM/01_FHEMWEB.pm b/FHEM/01_FHEMWEB.pm
index 6112a35ec..666134b7f 100755
--- a/FHEM/01_FHEMWEB.pm
+++ b/FHEM/01_FHEMWEB.pm
@@ -929,6 +929,7 @@ FW_roomOverview($)
##############
# LOGO
+ my $hasMenuScroll;
if($FW_detail && $FW_ss) {
$FW_room = AttrVal($FW_detail, "room", undef);
$FW_room = $1 if($FW_room && $FW_room =~ m/^([^,]*),/);
@@ -939,25 +940,13 @@ FW_roomOverview($)
return;
} else {
- FW_pH "", "
";
+ $hasMenuScroll = 1;
+ FW_pO '";
+ FW_pO "" if($hasMenuScroll);
+
+ ##############
+ # HEADER
+ FW_pO "";
+
}
diff --git a/www/pgm2/style.css b/www/pgm2/style.css
index 93abb749a..f679fc92a 100644
--- a/www/pgm2/style.css
+++ b/www/pgm2/style.css
@@ -3,13 +3,17 @@ body { background-color: #FFFFE7;
input { font-family:Arial, sans-serif; font-size:16px; }
select { font-family:Arial, sans-serif; font-size:16px; }
-#logo { position:fixed; top:10px; left:20px;
- width:120px; height:132px; background-image:url(../icons/fhemicon.png); }
-#menu { position:fixed; top:152px;left:20px; width:140px; }
+#logo { margin-top:10px; margin-left:20px; width:120px; height:132px;
+ background-image:url(../icons/fhemicon.png); }
+#menu { margin-top:10px; margin-left:20px; width:140px; }
+#menuScrollArea { width: 175px; left:0px; top:0px; height:100%;
+ position:fixed; overflow-x:hidden; overflow-y:auto; }
+
#hdr { position:absolute; top:10px; left:180px; }
#content { position:absolute; top:50px; left:180px; bottom:20px; right:10px; }
-#connect_err { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }
+#connect_err { background-color: #000000; color: #FFFFFF;
+ position:absolute; top:0px; left:40px; z-index: 10; }
.devType { padding-top:20px; }
a { color: #278727; }
img { border-style: none; }