Webkit not respecting margin-bottom if text extends off viewable screen?

There's probably some debatably-written passage in the spec that makes them handle it that way, or else it's just a bug in WebKit. If you add 1px bottom padding to body your bottom margin will be show up -- at least it does for after a tweak in the inspector, Chrome 6/OS X.

Up vote 0 down vote favorite share g+ share fb share tw.

I'm trying to finish up the CSS and markup for my site (jonathanbuys.com), but I have this annoying issue to clear up. For pages that have all of the text horizontally viewable without scrolling, my margin-bottom is correctly set for 30px. However, as soon as the content exceeds the horizontal size of the browser window, the margin-bottom disappears.

I've tested this out using Firefox, Safari, Chrome, and the Webkit nightlies, and it seems to only happen with Webkit-based browsers. Here is the relevant CSS: #wrapper{ width: 720px; height: auto; margin: 30px auto 30px auto; padding: 3em 3em 3em 3em; border: 1px solid #ccc; text-align: left; background: white; -webkit-box-shadow: 2px 2px 8px #aaa; -moz-box-shadow: 2px 2px 8px #aaa; box-shadow: 2px 2px 8px #aaa; } And the basic layout of the site: Heading text Any idea what I'm missing? Thanks in advance.

Css html5 webkit link|improve this question asked Nov 19 '10 at 19:54iBuys203.

That did the trick, thanks! – iBuys Nov 19 '10 at 22:28.

I probably just code it differently w/ padding or something usually, perhaps margin-collapse is messing you up. -webkit-margin-collapse Worth a shot.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.