By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,494 Members | 1,957 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,494 IT Pros & Developers. It's quick & easy.

Anyone know how to do this?

P: n/a
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
Jul 20 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
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.
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.