Changing width of wrapper changes logowrapper

Hi,

I was hoping someone would know how I can make this change using the stylesheet.

I would like to change the width of my main wrapper to be 100%. It's currently:

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 850px;
vertical-align: top;
border: 1px solid #cccccc;

The problem is, is when I change it to 100% my logo wrapper is distorted. That is, the pictures I have in the wrapper repeats. Anyway to fix this without having to go back to the drawing board and having to redo the logo wrapper. It is currently 850px by 110px

thanks!

In your #logoWrapper, where the stylesheet specifies the URL to your logo, just add a new line;

background-repeat: no-repeat;

thank you!!

You're welcome.... I looked at your site there though.... Can't see why you'd want to use a #mainWrapper 100% width? This will make your site look very stretched and unprofessional on wider screens.

Hi,

can't get it to look right anyway. the logo wrapper doesn't repeat, but leaves a bit white space on the right of the screen...that is the logo does not 'stretch' with the enlargment of the site.

thanks for the tip!

Michele

In that case, just replace your logo image with this one and then try the 100% width settings again:

http://www.limelites.co.uk/Thrift4kids_header2.jpg

http://www.limelites.co.uk/Thrift4kids_header2.jpg

Took me literally 20 seconds to make it wide enough to suit all screen sizes :cool:

thank you so much, you are awesome. sorry for the late reply, having problems with my site it's been down since yesterday :(

thanks again....i appreciate it!!!

I noticed your site was down, have you still not resolved that?
**
Warning: Unterminated comment starting line 101 in /home/thrift4/public_html/index.php on line 101**

Do you have a backup copy of your index.php file??