CSS - Classic website resize problem | help me. - 10 USD for fix/solution.

Discussion in 'HTML & Website Design' started by w!cked, Jul 23, 2009.

0
  1. #1
    Ok here is my problem:

    When resizing the browser the problem is that menu
    comes on top of the white div that will serve as content div
    i need this fixed before i can proceed.

    Another thing is i need help whit background on resolutions
    beyond 1280x1024.

    Please help.

    Website
    CSS
    @charset "utf-8";
/* CSS Document */
html {
margin:0px;
padding:0px;
}

body {
background:#031716 url(../img/bg.jpg) top center repeat-y;
margin:0px;
padding:0px;
}

#menu {
position:absolute;
background:url(../img/frame.png) repeat;
width:100%;
height:auto;
top:85%;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
color:#FFF;
}

.nav:link {
color:#999;
font:inherit;
text-decoration:none;
outline:none;
}

.nav:visited {
color:#999;
font:inherit;
text-decoration:none;
outline:none;
}

.nav:active {
color:#FFF;
font:inherit;
text-decoration:none;
outline:none;
}

.nav:hover {
color:#FFF;
font:inherit;
text-decoration:none;
outline:none;
}

#quota {
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
width:100px;
height:100%;
float:left;
}

#links {
padding-left:10px;
float:left;
height:auto;
width:auto;
border-left:#FFF thin dashed;
}

#content {
width:100%;
height:400px;
background:#FFF;
}


#hold {
position:absolute;
top:10%;
width:100%;
height:auto;
}
    Code (markup):
    HTML
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kristjan Antunovic - Online Portfolio</title>
<link type="text/css" rel="stylesheet" href="css/q-style.css" />
</head>

<body>
<div id="hold">
<div id="content">
</div>
</div>
<div id="menu" align="center">
<div id="quota"><br /><br /><br /><br /><br /><br /></div>
<div id="links">
<a class="nav" href="#">HOME</a><br />
<a class="nav" href="#">ABOUT</a><br />
<a class="nav" href="#">WORK</a><br />
<a class="nav" href="#">PRODUCTS</a><br />
<a class="nav" href="#">PROJECTS</a><br />
<a class="nav" href="#">CONTACT</a>
</div>
</div>
</body>
</html>
    Code (markup):

     
    w!cked, Jul 23, 2009 IP
  2. jagged

    jagged Peon

    Messages:
    253
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Are you wanting it to look the same as it is right now but not resize. Because i have a solution for that.
     
    jagged, Jul 23, 2009 IP
  3. w!cked

    w!cked Guest

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    What i want to do i make sure that, website stays locked as it is so when the
    browser window is re-sized down that website menu does not come on top of it.
     
    w!cked, Jul 23, 2009 IP
  4. jagged

    jagged Peon

    Messages:
    253
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    i sent you a pm
     
    jagged, Jul 23, 2009 IP