Bonked
-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by Bonked
-
-
Hallo,I'm trying to make a login window for me website, where when you click the login button, a new div appears in the center of the screen and the background is has a black layer with approx 50% opacity. 8 have tried doing this myself but I'm having problems with centering the div and making the black layer wrap the entire website, not just the part that's show (when I scroll down, the black layer stops).You can find an example of what I mean at the next url:http://www.maxpower.ca/free-icons/2006/03/05/When you scroll down on that page you see a list of iconsets. When you click the view button, you'll see what I mean.Thx, Ed
Div Height 100%
in CSS
Posted
Hello All,I'm trying to get a div over my entire page with a 50% transparant background-color. The code below works like a charm in IE but in Opera or Firefox when I scroll down the page the div ends.Does anyone know a fix for this problem?
body, html { background-color: #f2f2f2; margin: 0; padding: 0; color: #575757; font-family: arial; font-size: 12px; min-width: 950px; height: 100%;}div#alles {margin: 20px;}div#boven { width: 100%; height: 100px; background-color: #e8e8e8; margin-bottom: 20px;}div#links { width: 200px; float: left; background-color: #e8e8e8;}div#rechts { width: 160px; float: right; background-color: #e8e8e8;}div#midden { margin-left: 220px; background-color: #e8e8e8; margin-right: 180px; height: 800px;}div#onder { margin-top: 20px; width: 100%; background-color: #e8e8e8; clear-both; height: 100px;}div#profiel { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; overflow: visible;}