CSS problem?

murkus · 2005-10-21 07:08:06

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

elasticdog · 2005-10-21 07:52:39

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...

murkus · 2005-10-21 09:15:44

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

elasticdog · 2005-10-22 01:51:59

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.

murkus · 2005-10-23 13:20:56

elasticdog, thanks for your help!

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..

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.

Arch Linux

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

CSS problem?

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

Re: CSS problem?

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

Re: CSS problem?

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

Re: CSS problem?

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

Re: CSS problem?

Board footer