Negative margins content dissaper at left

[asedt]

Hi

If you use negative margins to center a page page and if the screen is small the content get hidden outside the screen(window) at the left side and you cant scroll to it.

Is it a common workaround for that or do you just use another centering method. (like margin: auto thingy)

[clain]

we do not use negative margin for centering... if some one asked to do that .. then ist wrong... and negative margins will lead to such phenomena such as going into screen..

what exactly you need?

[asedt]

@clain
I still see a lot of people that do, and I don't like it and can't see the page when i have a smaller screen (one of my laptops).

I was wondering if their was a good way to use negative margins, or if my recommendation to use margin: 0 auto instead is the only way to go?

Negative margin centering was originally used by Jon Hicks in his Zen Garden submission, and is in literature by Dave Shea and Molly E Holzschlag (The Zen of CSS design) and I think many use it before they learn anything else. Who do you mean by WE? Best practice?

Is there no workaround to make the content not go out of the window??

[drhowarddrfine]

@asedt
Well, I hope not, but negative margins are a very helpful technique.

I'm out of town so I can't help but you brought up an interesting problem I'll have to look at when I get back Sunday night.

[asedt]

The standard example is this page:

CSS Centering: Negative Margin

If you make the browser window smaller than 500px content is to far to left so you can't se it any more.


And when you use you eee pc or other small screen and se this in real web pages it's not so funny, if you a web designer you can change the CSS on what you look at with Firefox extensions easy. But it a high price to pay for centering and it's not worth it.