You are not logged in.

#1 2005-10-21 07:08:06

murkus
Member
From: Europe/Helsinki
Registered: 2004-03-19
Posts: 254

CSS problem?

Hi,

I know, html+css isn't exactly programming.. anyway I've got a strange problem with a site layout and I'm by no means a web pro. So any help is very much appreciated.

The layout code for different pages is the same, still for some reason the layout changes when navigating from one page to another. What could be the reason for it?

check out for yourself:
http://h2o-ry.com/buildarea/lucid/?esittely
and
http://h2o-ry.com/buildarea/lucid/?koulutus
look the same

and
http://h2o-ry.com/buildarea/lucid/?Aikataulut
http://h2o-ry.com/buildarea/lucid/?tukialus
these are looking the same

but navigating between the two pairs  you can see the difference..

.murkus

Offline

#2 2005-10-21 07:52:39

elasticdog
Member
From: Washington, USA
Registered: 2005-05-02
Posts: 995
Website

Re: CSS problem?

I'm not seeing any difference aside from a slight horizontal shift being caused when the scroll-bar shows up on some pages (due to content length) and not on others.  Is that the issue you're refering to?  If so, that's normal and nothing to worry about.  Perhaps a couple of screen shots could explain it a bit clearer if it's something else I'm not seeing...

Offline

#3 2005-10-21 09:15:44

murkus
Member
From: Europe/Helsinki
Registered: 2004-03-19
Posts: 254

Re: CSS problem?

elasticdog wrote:

I'm not seeing any difference aside from a slight horizontal shift being caused when the scroll-bar shows up on some pages (due to content length) and not on others.  Is that the issue you're refering to?  If so, that's normal and nothing to worry about.  Perhaps a couple of screen shots could explain it a bit clearer if it's something else I'm not seeing...

Yeah, it was exactly that. How ever it really bothers me that content divs move around. Is there any other solution but to add more content to each page or force scrollbars?

cheers,
.murkus

Offline

#4 2005-10-22 01:51:59

elasticdog
Member
From: Washington, USA
Registered: 2005-05-02
Posts: 995
Website

Re: CSS problem?

Well, I'm not 100% sure this will work, but you could try adding an overflow CSS rule directly to either the html element or the body element like so:

body { overflow: scroll; }

Which should (in theory) force the scrollbar to always show up, not just when the content length requires it.  Give it a shot, and let me know...I'll noodle on it for a bit to see if I can think of any other ways to go about it.

Offline

#5 2005-10-23 13:20:56

murkus
Member
From: Europe/Helsinki
Registered: 2004-03-19
Posts: 254

Re: CSS problem?

elasticdog, thanks for your help! smile


That "overflow: scroll" forces horizontal scrollbar also, which is butt-ugly so  I finally decided to do following:

html { min-height: 100%; margin-bottom: 1px; }
body {overflow: -moz-scrollbars-vertical !important;}

This way I got it to function in mozilla and opera. It doesn't work in Konqueror though.. sad

At the moment server stats indicate that konqueror and safari users are so small minority that I'm happy with the current situation where three major browsers look the same.

Offline

Board footer

Powered by FluxBB