blythespirit — Fri, 10 Mar 2006 03:19:45 +0000

DaveyBoy wrote: your solution might work if it's a fixed width site, wouldn't work for a relative width one though, would it?

It depends on what sort of background you're after. The example above was a bad background image to use (it would be a nightmare to try and tile so it didn't *look* tiled).

If you get a background tile with a small or subtle pattern to it, it's fairly easy to blend the images with the background. My site has a very subtle background on it and my corner images are small. It hasn't gone live yet, but I'll post a screenshot.

That's two relative width divs, both using the same background tile, along with the corners for the content div - which were already a similar colour to the new background image and because of the texture effect I didn't need to add the texture to the corner images. They're small enough that unless you look very closely it's not an obvious join with the background. It's do-able, it just depends on the complexity you're after.

demonhale — Thu, 09 Mar 2006 22:25:55 +0000

I got small repeating images I custom made, like diagonals etc. that doesnt take the focus away from the site or is too imposing, but gives a textured feel to the BG giving it more oomph...

DaveyBoy — Thu, 09 Mar 2006 19:11:07 +0000

your solution might work if it's a fixed width site, wouldn't work for a relative width one though, would it?

blythespirit — Thu, 09 Mar 2006 17:17:10 +0000

DaveyBoy wrote: using PNG would work but of course, not on IE haha.

That is precisely why I avoid transparent images. I'd rather have a page background that is repeatable in such a way that if I use an image within the page I can use the same background for the image and have it be seamless (or near enough for rock and roll.)

DaveyBoy — Thu, 09 Mar 2006 17:09:54 +0000

using PNG would work but of course, not on IE haha.

blythespirit — Thu, 09 Mar 2006 16:35:13 +0000

There might be other ways to do this, but the way I've gotten around it in the past is to either replace any white areas on the individual images which contain the 'outside' edges with the same colour or pattern of the background.
(An example, in case I've not described it well.)

If the 'white space' is small and you're using a textured background, you might even be able to get away with making the white area a similar colour to the main colour of the background without it being noticable. (I've managed this on a site with basic curves, but it might be tougher with your design.)