Site Banners and Liquid Layouts

[notarypublic]

I'm currently designing a professional website for a research area of a local university. As such it needs to be accessible and screen-reader friendly.

To that end, I'm trying to keep the design as 'liquid' as possible - using relatives, including ems for text size instead of px. I know text scalability is important, but how do you compensate for this when you have a site banner as an image, and a liquid (scalable) layout?

I've considered using an absolute width for the content area and just letting scaled text fend for itself inside of that box, but this method could potentially kill any design aesthetics. How would you go about solving this dilemma?

 

[RenaissanceMan]

One way of handling a banner is to fade it out to a solid colour at the right, then lay it over the same solid colour.

 

[leroy30]

Indeed. You can always make use of the overflow:hidden style as well in case the browser is really really small.