CSS and Background graphics

#1

Is there CSS support for two background graphics, one aligned right and one
aligned left, or am I dreaming?

#2

.oO(Cuprik)

Quote:

Is there CSS support for two background graphics, one aligned right and one
aligned left, or am I dreaming?

You're dreaming, but you could use the body-element for one background
and a div-element for the other:

HTML:
<body>
<div id="content">
....
</div>
</body>

CSS:
body {background: url(/path/to/image) no-repeat top right}
#content {background: url(/path/to/another/image) no-repeat top left}

On recent browsers you could also avoid the ID on the div and use only
CSS-selecors to access it:

body>:first-child {background: url(/path/to/another/image) no-repeat top left}

This keeps the HTML-code smaller, but won't work in IE ...

You could also try to use the html-element for one background iamge.
Don't know if this will work in browsers.

HTH
Micha

#3

IE doesn't like CSSML, I guess.

David
stiller ( at ) quip ( dot ) net

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

CSS and Background graphics

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

CSS and Background graphics - 11-03-2004 , 07:21 AM

Re: CSS and Background graphics - 11-03-2004 , 07:58 AM

Re: CSS and Background graphics - 11-03-2004 , 09:04 AM