1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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