couple of CSS questions

Hi I'm just changing a few things on a site for someone else, they've had the site built but not how they wanted

I've changed the header image, bg colours etc.

But the site is too wide, have a look there's a huge amount of nothingness at the right of the shop

http://www.anniedee.com/

can anyone tell me what's causing this? I can't work it out!

Also see the way the sidebox titles are coloured purple, where in the CSS file do I change this? I want to make them green

Thanks in advance :clap:

I've worked out where the colour changes for the sideboxes are, so it's just the width problem

The defined styles for

#navMainWrapper
#navMainSearch

have the same width as the page, then you are moving them to the right with relative positoning, so pushing out the divs to the right...

have a go at redoing this section of your page..

(i gotta go, will look back later)

The width is set in the stylesheet in mainWrapper.

Yours is set for 955px right now, which also happens to be the width of your header background image. If you make it smaller, you'll have to modify the image.

thanks for the replies guys but I'm still not sure what I need to do.

First off, your site is centered here in both IE7 and FF2.

The width of your main area is defined in your spreadsheet here:

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 955px;
vertical-align: top;
background-image:url('../images/contentsBG.png');
}

As you can see, it's now 955px. You can change that to 100% to fill the screen horizontally, but it may mess up your header. Try it and see.

Personally, I don't like the look of 100% sites.

2 quick changes... to your stylesheet.css to stop the excessive width...

#navMainSearch {
left:675px;
position:relative;
top:211px;
width:280px;
}

#navMainWrapper {
left:240px;
position:relative;
top:210px;
width:715px;
}

you the man Steve!!!! thank you very much, really appreciate it :D