Jump to content

Bonked

Members
 View Profile  See their activity

  • Posts

    2

  • Joined

  • Last visited

Bonked's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Bonked

    Div Height 100%

    Bonked posted a topic in CSS

    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;} <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="nl"><head><title>Mijn Site</title><style type="text/css">@import url(stylesheets/main.css);</style></head><body><div id="alles"><div id="boven">vanboven</div><div id="links">links</div><div id="rechts">rechts</div><div id="midden">midde<br>dgfdgfdg</div><div id="onder">vanonder</div></div><div id="profiel" style="float:left;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;"></div></body></html>
  2. 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
×
×
  • Create New...