Anyone know how to do this?

[Holli Graham]

I'm trying to do something similar to the header on bankofamerica.com
using only css positioning and allowing the user to adjust text size
and keep the layout fluid. I have gotten nowhere with this, and I
wondered if anyone here has ever done anything like this or know of a
site that explains how to do something like this. The only thing I'm
trying to replicate off that site is the header with the logo on the
left and the search on the right with the gray background and the
links above it. Any ideas?

Thanks!
Holli

[Philipp Lenssen]

Holli Graham wrote:

I'm trying to do something similar to the header on bankofamerica.com
using only css positioning and allowing the user to adjust text size
and keep the layout fluid. I have gotten nowhere with this, and I
wondered if anyone here has ever done anything like this or know of a
site that explains how to do something like this. The only thing I'm
trying to replicate off that site is the header with the logo on the
left and the search on the right with the gray background and the
links above it. Any ideas?

There's 20+ tables in that layout. I don't think reverse-engineering
will get you any good HTML/ CSS here. The layout of your page and the
text-size will be fluid in any way unless you do something to prevent
that (e.g. "font-size: 12px;" or "width: 100px; overflow: hidden;").
There's different CSS approaches you could use to layout the logo and
search-box plus the main-navigation points. One would be to use
"position: absolute;" with some top-left/right values, positioning
<div>s which have background-colors set and so on.