Comments on: Two CSS Background Images on a Single Website

By: Alex

Alex — Wed, 04 Mar 2009 23:12:54 +0000

Nice article

to Sheldon
zero it’s already zero it can not be different
I mean that you can remove a “px”

And also how can you use completely different typeFonts?!
Lucida Grande and Helvetica and so much more Verdana are completely different fonts

By: Sheldon

Sheldon — Wed, 11 Feb 2009 22:29:30 +0000

I have been using that same method on the site I am developing at the moment.

I am using {

html {
	overflow-y: scroll;
	background: #5f5f5f url('images/layout/html_bg.png') repeat-x scroll;
}
 
body {
	margin: 0px;
	padding: 0px 0px 20px;
	width: 100%
	min-height: 100%;
	font-family: "Lucida Grande", "Helvetica", "Verdana", "sans-serif";
	font-size: 11px;
        background: transparent url('images/backgrounds/home_bg.jpg') no-repeat center top;
}

}

By: Ryan Stemkoski

Ryan Stemkoski — Wed, 11 Feb 2009 17:52:09 +0000

I know! Same here, I am hoping to use it here in a couple days on a production website.

By: Steve Wanless

Steve Wanless — Wed, 11 Feb 2009 17:39:59 +0000

Why have I never heard of this idea before? Why did I never think of that.

All this time we have been skipping over the html tag to style just the body.

I think that Sitepoint guy needs a medal.

I look forward to hearing about your own tests Ryan.