Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Menu position in page



9:54 am on Sep 1, 2010 (gmt 0)

5+ Year Member

Hello to the board, in the first place, 'cause I'm new here.

I am quite at the beginning with CSS. HTML, PHP, MySQL are no problem, though for PHP and MySQL I still need some hours of googling from time to time.

The idea is that I want to be able to build my own websites, with no help from CMS-es, templates and others.

The main idea for this specific example is that I want the site to resize itself according to the resolution or window size, so it has the best look all the time. Though resolutions are in fact the biggest issue here.

Ok, so I created a page with a resizable background, and works like a charm. I also have a top-logo that I managed to make it resize with the window and looks cool. But I want to put,in the same way, a menu under the logo, that can be either a long horizontal image with map links (I figured), or individual buttons with simple a href links.

The problem is that when I load the menu image, it doesn't stay where it should, under the top-logo, while changing resolutions or window size. It's either OK, or overlapping with the logo, or way under the logo, to the middle of the page, with low resolultions/window sizes.

I tried all sort of things, nothing worked.

A little help will be appreciated.



<meta http-equiv="content-type" content="text/html charset=utf-8">
<link href="css.css" rel="stylesheet" type="text/css">

<body id="page-body" bgcolor="#000000">

<img src="back.jpg" class="image">
<img src="up.png" class="up">
<img src="menu.png" class="menu_back">





border:0px solid gray;

width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;

width: 100%;
position: fixed;
top: 0;
left: 0;

width: 100%;
position: relative;
top: 140px;
left: 0px;


2:55 pm on Sep 1, 2010 (gmt 0)

5+ Year Member


Put your logo and menu in separate divs

<div id="header"></div>
<div id="menu"></div>

Then in your style sheet give them the properties you need.


4:10 pm on Sep 1, 2010 (gmt 0)

5+ Year Member

I tried that a few minutes ago, doesn't help.

Does the DIV ID name need to be identical with the class in my CSS ?


6:24 pm on Sep 1, 2010 (gmt 0)

5+ Year Member

I managed to solve the problem. The problem was not themenu, but the top logo, which was resizing on height and creating the illusion the menu is going up and down.

Featured Threads

Hot Threads This Week

Hot Threads This Month