• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 388
  • Last Modified:

CSS - pages displaying different widths in Chrome, IE and Firefox


Please bear with me as I'm a back-end programmer and my knowledge of .css is fairly limited just now.  Anyway, I've inherited a site which was designed by another company and looking at the .css file I see a page width of 960px which looks about right in Chrome but it looks a  lot narrower (and probably better in Firefox).  There must be some extra code I need to add to the .css to get it to display the correct width in all 3 browsers.  The development site is at: http://wowa2z.com.uksite4.yourwebservers.com/.

The .css which I think sets the width for the outer div is:

#subSurround {
      width: 960px;
      margin: 0px auto;
      padding-bottom: 30px;

I would be grateful if someone could tell me what I need to change :-).
3 Solutions
Julian HansenCommented:
Looks the same to me in both. You shouldn't need to change anything. FF and chrome are 99% of the time the same in how they render it is IE that is the odd ball.

Can you post screen shots of what you are seeing?
Chris StanyonCommented:
Looked at your site in Firefox, IE, Chrome, Opera and Safari and it looks the same in all of them - 960px wide!
Do you have the zoom set the same in your various browsers? Perhaps that is why you're seeing different things.
Lorna70Author Commented:
Doh - yes must be lol!  thanks guys :-)

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now