Im gettong a horizontal scrollbar but cant figure out from what and how to remove it.

 

Any ideas ?

 

http://www.far-field.com/

My guess is it will be the width:auto; in your CSS.

 

 

I could be wrong though!

 

 

Edit:

Try removing any padding or margins from the document.

html,body{margin:0;padding:0;}

My guess is it will be the width:auto; in your CSS.

 

 

I could be wrong though!

 

 

Edit:

Try removing any padding or margins from the document.

html,body{margin:0;padding:0;}

 

 

Hi tried removing margin and padding still get the horizontal scrolling though.

 

I cant think what would be causing it

The img#theworld1 has a left-margin of 709px and a width of 555px.

Try reducing the left margin.

change

 

} #wrapper {
height: auto;
margin: 0 auto;
padding: 0;
width: auto;
}

 

to

 

} #wrapper {
height: auto;
margin: 0 auto;
padding: 0;
width: 98%;
}

 

and change every other "width: auto;" to "width:100%;". It is untested but might work.

 

Your style sheet could also do with some love, its contents is all over the place.

The img#theworld1 has a left-margin of 709px and a width of 555px.

Try reducing the left margin.

 

 

yeah this worked. also had to change # preview_left margins.

 

Thanks

change

 

} #wrapper {
height: auto;
margin: 0 auto;
padding: 0;
width: auto;
}

 

to

 

} #wrapper {
height: auto;
margin: 0 auto;
padding: 0;
width: 98%;
}

 

and change every other "width: auto;" to "width:100%;". It is untested but might work.

 

Your style sheet could also do with some love, its contents is all over the place.

 

 

 

Yeah I get in the swing of things and let a creative mess happen for a bit. Ill have to tidy it now though . Thanks