JPT
/
dashboard
0
0
Fork 0
Code Issues Pull Requests Activity

[TASK] Move wallpaper to a single, fix-positioned div.

This commit is contained in:
Jan Philipp Timme 2013-09-11 15:41:52 +02:00
parent 7aa90a6bcb
commit 3a14e8e860
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -13,10 +13,10 @@
<script type="text/javascript" src="jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script> <script type="text/javascript" src="jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
</head> </head>
<body> <body>
<div id="wallpaper"></div>
<div id="wrap-all"> <div id="wrap-all">
<div id="wrap-nonfooter-content"> <div id="wrap-nonfooter-content">
<div id="nonfooter-content-container"> <div id="nonfooter-content-container">
<div id="headerbar"> <div id="headerbar">
<ol class="vertical-list"> <ol class="vertical-list">
<li><span>Willkommen zum Dashboard-Test!</span></li> <li><span>Willkommen zum Dashboard-Test!</span></li>

11
style/main.css
View File

@ -92,10 +92,15 @@ h5 { font-size: 11pt; }
color: hsla(0, 0%, 5%, 1); color: hsla(0, 0%, 5%, 1);
} }
#wrap-all { #wallpaper {
overflow: auto; /* without this, the background gets messed up when scrolling down on long pages. */ position: fixed;
height: 100%; top: 0px;
left: 0px;
z-index: -999;
min-height: 100%; min-height: 100%;
height: 100%;
min-width: 100%;
width: 100%;
background-color: hsla(0, 0%, 50%, 1); background-color: hsla(0, 0%, 50%, 1);
/* epic background image or something like that */ /* epic background image or something like that */
background: url('img/bkg01.jpg'); background: url('img/bkg01.jpg');