headers

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

i have noticed that some headers on websitesfill the screen even when the
screen resolution changes. My header has a specific sice and stays that way
when screen resolution changes.

What do I need to change to have my header go all the way across the screen
when the resolution changes?

Thanks

JJ
 
You need to design your web pages for a fluid design...like a table that collapses in the middle. If you look carefully at such headers you'll notice that there is always an area with no image (just background color or gradient), this is the area that collapses or expands. It's usually done with 3 parts; right, middle and left - but you can also do it with only 2...left and right. If you're using fixed table for your design now you'd need to switch. You'll also need to create a new header, or slice the one you have now. You can also use CSS for some of this too.


| i have noticed that some headers on websitesfill the screen even when the
| screen resolution changes. My header has a specific sice and stays that way
| when screen resolution changes.
|
| What do I need to change to have my header go all the way across the screen
| when the resolution changes?
|
| Thanks
|
| JJ
 
My website is using css. I am not famialiar with fluid design. Do I need to
make the headers in photoshop? What else could you tell me to get me started
in the right direction?

Thanks

JJ
 
The easiest way to explain it is for you to find a web site similar to what you like...browse to it with IE, then click on Edit With FP button on your tool bar. Click Cancel when prompted for un/pw now you can save it in a experimental web and figure out how it's done. Pick a simple webpage, because you won't see everything this way...but it's enough to get you going on it.

OR...find a free template to mess around with.

Yah you can use PS or any image editor you like.


| My website is using css. I am not famialiar with fluid design. Do I need to
| make the headers in photoshop? What else could you tell me to get me started
| in the right direction?
|
| Thanks
|
| JJ
|
| "Rob Giordano (Crash Gordon®)" wrote:
|
| > You need to design your web pages for a fluid design...like a table that collapses in the middle. If you look carefully at such headers you'll notice that there is always an area with no image (just background color or gradient), this is the area that collapses or expands. It's usually done with 3 parts; right, middle and left - but you can also do it with only 2...left and right. If you're using fixed table for your design now you'd need to switch. You'll also need to create a new header, or slice the one you have now. You can also use CSS for some of this too.
| >
| >
| > | i have noticed that some headers on websitesfill the screen even when the
| > | screen resolution changes. My header has a specific sice and stays that way
| > | when screen resolution changes.
| > |
| > | What do I need to change to have my header go all the way across the screen
| > | when the resolution changes?
| > |
| > | Thanks
| > |
| > | JJ
| >
 
One way to accomplish fluid design is to format a table as 95% width. That
way the table will expand or shrink to fit the browser window. Photoshop
won't help here.

Wally S

JJ said:
My website is using css. I am not famialiar with fluid design. Do I need to
make the headers in photoshop? What else could you tell me to get me started
in the right direction?

Thanks

JJ
Click to expand...
collapses in the middle. If you look carefully at such headers you'll notice
that there is always an area with no image (just background color or
gradient), this is the area that collapses or expands. It's usually done
with 3 parts; right, middle and left - but you can also do it with only
2...left and right. If you're using fixed table for your design now you'd
need to switch. You'll also need to create a new header, or slice the one
you have now. You can also use CSS for some of this too.
 
Post a URL so we can see the code. Then suggestions that will apply to your
site instead of general suggestions can be made.

In general the behavior you see is typical of fixed width areas. Many of the
masthead sections that expand across the page do so with a repeating
background or a really wide background image. Without seeing your site it is
impossible to know what to advise you to do.

--
Cheryl D. Wise
MS FrontPage MVP
http://mvp.wiserways.com
http://starttoweb.com
Online instructor led web design training in FrontPage,
Dreamweaver and more!
Next Session June 26th
 
put it in a table, and make the table 100% which will adjust when different
screen resolutions are used.
 
Back
Top