Forum Moderators: open
This is a great forum and I am really sad I hadn't found it early.
I have come across a problem with the design the client wants.
She would like a banner running the length of the website on the right hand side. How can I make sure this covers the whole page in every resolution.
Normally I just design using tables and for a resolution of 800 x 600 but this requires something more and I'm going crazy trying to figure it out.
An example of this is <url removed> the banner that runs across the top is the same in relation to screen resolution.
Please let me know if I haven't explained this correctly.
Many Kind
Regards
Tassja
[edited by: Tassja at 4:57 am (utc) on Aug. 27, 2007]
[edited by: encyclo at 10:03 am (utc) on Aug. 27, 2007]
[edit reason] no urls thanks [/edit]
In general, to have something stretch the whole width you must use percentage sizes. If you are still using tables for layout then set: <table width="100%">
If you need left or right columns at fixed sizes, then set them on the <td>.... <td width="120px">
Leave no width set for your middle column and it will stretch to fill the remaining space.
Okay, that's the answer to your question... however I'd recommend you drop the use of TABLE for layout and use a DIV / CSS based layout. That makes it much easier to get precise effects such as this one. In fact, if you View Source for the page you left as a link, you will see they aren't using a big table for layout.
Do you have any suggestions on using css or divs for this task.
Kindest Regards
Tassja
