Another horizontal menu problem
Posted: Thu Dec 14, 2006 12:18 pm
Hi! I have seen that there is many topics about this kind of question but I can't find anything that fits with my problem.
I have made totally new templates and stylesheets to replace the theme "flowered" as I used in the beginning but had big troubles with, so this is NOT the flowered template or CSS that I've been using. At moment this flower photo is just more or less a placeholder that I'm using until my own logo is done.
My problem is that I have a fixed size at my page that is for the content and that a small part (about 19px both to the right and to the left) is used for making a shadow on both sides. The problem here is that I can't make my menu behaving within the parts that I want. I can't make it have a (mabie it is not exactly) 10px margin both to the right and to the left, since it dosn't work to set margins from 2 sides with the menu (at least not as I solved it). I can't set a fixed size in px and put it centered but I can't figure out why but this is probably the easiest way to solve it since I'm using a fixed width at my pages. Is there anyone who knows how this could be solved?
Here is a screenshot picture:

The reason that I made a photo of it was that I work alot with my page at the moment so a link might not show what I mean while I work withthe page. Here is a link if you want to take a better look: www.dartfrog.tk/cms
Here is the position settings I'm using in my stylesheet while the screenshot was taken:
I have made totally new templates and stylesheets to replace the theme "flowered" as I used in the beginning but had big troubles with, so this is NOT the flowered template or CSS that I've been using. At moment this flower photo is just more or less a placeholder that I'm using until my own logo is done.
My problem is that I have a fixed size at my page that is for the content and that a small part (about 19px both to the right and to the left) is used for making a shadow on both sides. The problem here is that I can't make my menu behaving within the parts that I want. I can't make it have a (mabie it is not exactly) 10px margin both to the right and to the left, since it dosn't work to set margins from 2 sides with the menu (at least not as I solved it). I can't set a fixed size in px and put it centered but I can't figure out why but this is probably the easiest way to solve it since I'm using a fixed width at my pages. Is there anyone who knows how this could be solved?
Here is a screenshot picture:

The reason that I made a photo of it was that I work alot with my page at the moment so a link might not show what I mean while I work withthe page. Here is a link if you want to take a better look: www.dartfrog.tk/cms
Here is the position settings I'm using in my stylesheet while the screenshot was taken:
Code: Select all
#menuwrapper
{
width: 600px;
overflow: hidden;
background-color: #4D80B9;
border-bottom: 0px #385C72;
margin-left: 10px;
font-size: .65em;
color: white;
}