10 replies [Last post]
nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 10 years 14 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

I've been working on a new website for my landscape photography over the last couple of weeks and I think it's nearly there with the main layout.

I've got it looking how I'd like in IE7 and it's reasonable in Firefox etc but one strange thing is that when switching between the gallery and shop pages the main layout seems to shift a few pixels, even though the layout and css are the same for both. :shrug: Any thoughts on why this occurs would be very much appreciated.

Besides that I'd welcome any thoughts on improvements and comments on how it displays in other browsers. This is only my second website where I've tried to utilise CSS fully. I'm getting there but I'm sure bits can be improved.

The site is http://www.sussexvistas.co.uk

Thanks in advance

Steve

Cheers,
Steve

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 28 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I don't see a shift, are you

I don't see a shift, are you on a large monitor with a large resolution?
Check and see if there is a scroll bar on the Gallery page on your screen and then look for the scroll bar on the Shop and see if that's the shift you are seeing.

Other then that, I didn't look any further into your site so i have no other opinion, besides to make sure you validate your code (it isn't) and set all your title tags (they aren't).

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 10 years 14 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

My Bad! I uploaded a

My Bad! I uploaded a slightly older version of my published code!

I've now uploaded the latest version with Title, Description and Keyword META included.

This version seems to validate correctly against the W3C Pages.

Thanks for taking a look. The jumping only seems to occur in Firefox and Chrome (these are all I've been able to test though). The menu and main white content area shift slightly when you switch between the Gallery page and any of the others. I'm viewing at 1600 by 1200 so no horizontal scrollbar on these pages.

Cheers,
Steve

Triumph (not verified)
Anonymous's picture
Guru

Cannot replicate. No shift.

Cannot replicate. No shift.

soundscape
soundscape's picture
Offline
Enthusiast
Kansas City Metro
Last seen: 11 years 24 weeks ago
Kansas City Metro
Joined: 2007-10-18
Posts: 188
Points: 0

I can replicate it, my

I can replicate it, my screen resolution is high enough.

It's shifting for me because of the vertical scrollbar. The gallery page has no vertical scrollbar for me, but the other pages do, so this is causing a shift to allow space for the scrollbar. Does that make sense?

FYI-you also have an "alt" typo on the Gallery page:

alr instead of alt.

Peace.

~Soundscape
www.kenlange.com

Triumph (not verified)
Anonymous's picture
Guru

soundscape wrote:... It's

soundscape wrote:

... It's shifting for me because of the vertical scrollbar. The gallery page has no vertical scrollbar for me, but the other pages do, so this is causing a shift to allow space for the scrollbar. Does that make sense?

In other words there is no problem.

soundscape
soundscape's picture
Offline
Enthusiast
Kansas City Metro
Last seen: 11 years 24 weeks ago
Kansas City Metro
Joined: 2007-10-18
Posts: 188
Points: 0

>>In other words there is no

>>In other words there is no problem.

Yes, just the browsers doing what they are supposed to do. {~;

~Soundscape
www.kenlange.com

Triumph (not verified)
Anonymous's picture
Guru

soundscape wrote:Yes, just

soundscape wrote:

Yes, just the browsers doing what they are supposed to do. {~;

Let's just say it again to drive the point home.

This is normal behavior. It is NOT an error or a bug. Thank you, carry on.

Move along. Nothing to see here.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Add this to force a vertical

Add this to force a vertical scrollbar on all pages (thereby removing the shift):

html { min-height: 100%; margin-bottom: 1px; }

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 28 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Deuce wrote:...Check and see

Deuce wrote:

...Check and see if there is a scroll bar on the Gallery page on your screen and then look for the scroll bar on the Shop and see if that's the shift you are seeing...

So I was right all along?! Tongue

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

nevets2001uk
nevets2001uk's picture
Offline
Regular
UK
Last seen: 10 years 14 weeks ago
UK
Timezone: GMT+1
Joined: 2004-01-14
Posts: 29
Points: 11

OK I see what you mean now.

OK I see what you mean now. Sorry I misunderstood your comment previously.

Thanks for the tip on fixing the scrollbar. I'll give that a go.

Besides that does the code and my method of doing things seem reasonable?

Cheers,
Steve

Cheers,
Steve