Contact Forum Editor

Send an email to our Forum Editor:


PLEASE NOTE: Your name is used only to let the Forum Editor know who sent the message. Both your name and email address will not be used for any other purpose.

Web Design Help


It's free to register, to post a question or to start / join a discussion


 

making a page stretch to accomodate page content


Likes # 0

I'm using fireworks to make a page layout with buttons that switch from different states etc.

The page layout is similar in principle to pcadvisors layout. Header at the top with image buttons on the side instead of text. With a main area to fill with page content.

When i export the page into dreamweaver i get the page as i should. but when i put a lot of text in the main area the page increases in length but the buttons on the left hand side start to space themselves out.

I want them to stay at the top with a spacer type image that grows to fill the expanding hole automatically. Ive read that using a % size won't work in all browsers and by using a specific size limits my page template to that size.

If this makes no sense i will try to put the page online so you can see what im talking about.

Cheers

Like this post

Likes # 0

heres a link to the page click here

Like this post

Likes # 0

The table is automatically generated as a result of importing the fireworks file with the slices. If the left border below the links was a solid colour I could just make the cell background that colour and it would be fine.

However, I want to know how to get the image to automatically size itself to fill the space available.

There must be a way other than this CSS route which I know nothing about anyway.

Like this post

Likes # 0

Scrap that last comment, I've been doing a few CSS tutorials and although its a bit foreign to me now I can see that its going to be the dogs danglys. Plus i can still use my fireworks layout and just set up a CSS page to compliment it.

Like this post

Reply to this topic

This thread has been locked.



Send to a friend

Email this article to a friend or colleague:


PLEASE NOTE: Your name is used only to let the recipient know who sent the story. Both your name and the recipient's name and address will not be used for any other purpose.