Steve Craig wrote:
> I'm hoping someone can help, I have been looking for an example page  
> that I have previously been too, that showed various ways to deal  
> with header images in fluid sites. It showed examples of images that  
> grow in size or reveal more depending on your preference. For the  
> life of me I cannot remember where it was and I don't seem to have  
> bookmarked it. It was discussing uses of overflows and how they  
> related to images etc.

Hi,

One way you could accomplish this is to make your (for example) header 
background wider than needed, and have it align to the center of the 
fluid div, so when the page gets wider the imgage reveals more.

Also, I have seen folks use javascript, an em-based layout, and 
flash-based header and footer so the layout expanded or shrunk depending 
on window size. I do not have a link, sorry.

This book might help:

CSS Mastery: Advanced Web Standards Solutions (Solutions) (Paperback)
<http://snipurl.com/umkm>

Page 231 shows you how to divide an image into three parts and apply it 
to a fluid-width layout: Left image = photograph of woman with a right 
fade-out, middle image is repeating background, and right image is a 
corner piece with a nice scroll pattern. When applied to page it looks 
like one seamless fluid image.

All I can think of for now.

Gl,
Cheers,
Micky

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to