positioning and white area

[Windchaser]

Hi,

I'm having problems with the gallery page on www.edenwebbdesign.se
The whole page moves to the right a bit when you click on that page on the menu, and then moves back to the left when you click on the other pages.
I also have problems with positioning the actual gallery. I can't get the bottom edge of the gallery to have the same amount of space, 20px between it and the border of the content area as I do for the top side of it. I have put margin-top and margin-bottom at 20px in the galleria container in the css file.

The final error on the page is that there is a white area underneath the copyright area which I'm guessing is overflow? I can't get this to disappear

Extremely grateful for help,

W

[chrishirst]

Without looking your first problem is:

A scroll bar appears in the in the viewport when the content is longer than the viewport, which takes up around 20 pixels at the right edge of the browser client window, so YOUR content has to make way for this.

The final error on the page is that there is a white area underneath the copyright area which I'm guessing is overflow?

Or margin adding to the height of the element. What browser does this happen in?

[chrishirst]

Originally Posted by chrishirst

Without looking your first problem is:

Yeah, yeah I know, nobody loves a smartarse!!

[Windchaser]

I think it's worse with a dumbass such as myself when it comes to css

A problem with margin seems logical, though I can't figure out where that would come from. I noticed an error with a white area appearing below the copyright area on all pages as well when I checked it with Firefox. I usually do all my testing in Chrome.

When you say your content has to make way for this, what do you mean?

[Windchaser]

Hi chrishirst,

Just wanted to apologize in case you took my joke the wrong way. Smartarse to me means nothing if you know what you're talking about. Didn't know how to respond to your joke so wrote my own.

[chrishirst]

Just wanted to apologize in case you took my joke the wrong way.

No problem I don't take any kind of offence or get annoyed at what people post in forums, life is really too short to even care about such trivialities.

When you say your content has to make way for this, what do you mean?

The scroll bar, when it appears, the contents of the client window (your content) have to move to the left by 20/25 pixels.

[Windchaser]

Thanks man,

How do I sort out the problem with the margin or padding? I'm completely lost to it. The css I have should be global from what I understand. I have two css files, one layout that should cover the whole website and one for the gallery. I've checked both and can't see where the extra margin or padding would come from

[chrishirst]

It could be stacking up from other elements in the flow.

Add a 1px red border to all elements

html *{border:1px solid red;}

to your CSS rules so you can see the extents and the intersect/contact point of every element in relation to each other. Any anomaly should then be come fairly evident.

[Windchaser]

Hi,

Thanks for this, is still unclear though from the red border about the white area underneath and the right-wise movement of the page, the red line borders seem identical throughout the pages in regards to the movement to the right, and for the white area it is not encapsuled by the red border which is weird.

[chrishirst]

the red border debugging step is to see if any elements are extending outside of their parent and "pushing" some extra space into the viewport.