Posts by kanaku

You posted the problem. :( Not your solution so far... I can't see where you went wrong if you didn't post your work.

It's a background image set in the document body.

Here's the CSS code for it:

body
{
background-image: url(image.gif);
background-position: top right;
background-repeat: no-repeat;
}

OR a shorthand version

body
{
background: #FFFFFF url(image.gif) no-repeat top right;
}

These are the 'bare' essentials of the CSS centering hack: the width and the margin. If you don't specify a width, the margin trick won't work. If you don't specify the left and right margins as auto the wrapper won't be centered.

You may say: "But I specified a width: 100%!" --- good for you and in truth, your wrapper IS being centered correctly. However, the contents of the wrapper (such as your navigation or content divs) are still aligned to the left since that is the default behavior for elements inside a block.

You can see this behavior by adding border: 1px solid #F00 to your .wrapper div.

Now to fix your problem, you have to specify a width, preferably something slightly greater than the size (or percentage) of the content you put in your wrapper.

Try changing your .wrapper attributes to this:

.wrapper{
margin: 0 auto;
width:1015px;
}

Actually, you should start weaning yourself away from absolute positioning (there are exceptions) but your design can be implemented better without it... BAH alright, I'll still fix that search_bar.

Try this:

.search_bar{
float: right;
margin: 50px 80px 0 0;
}

*gulp*

That's a load.

Can you post a link to the tutorial or site where the javascript effects are from. There might be a FAQ there on integrating 2 scripts. I want to check it out. =)

*I made a local copy of your code and I'm currently 'breaking it'.

UPDATE:
Apparently, the menu script isn't working even if the marquee script is removed... the menu script seems to be broken. Can you provide the code of the last working 'copy' of the menu script?