dreamweaver layout help

phpwebdesigner

New Member
hi, I've been designing my site using div layers:
www.availablehouse.com

I realised that page is completely static and doesnt resize with the browser.When i resize the browser the picures and content doesnt come with the browser, it just stays where it is. For example, when I make my browser smaller for this site, everything else seems to get reduced and stay in the window.How do i achieve this?


Additionally, when I change to a higher resolution (am using 1024x768 at the moment) theres a huge white gap on the right hand side.

How do I design the website so that it always appears correctly regardless of the resolution being used.

I have extensively used div tags through out the site. Was this a good idea? Or should I have used tables?

Sorry for the long thread, am just kind of confused.
 

SiteExpress

New Member
phpwebdesigner said:
when I make my browser smaller for this site, everything else seems to get reduced and stay in the window.How do i achieve this?
It is done by wrapping the whole page into a table or div, and setting the size at a percentage, like 100%. That way it adjusts to 100% of the browser window.


phpwebdesigner said:
Additionally, when I change to a higher resolution (am using 1024x768 at the moment) theres a huge white gap on the right hand side.
I dont see the gap, but it is because you have individual units on the page, all in tables of there own, just kind of floating around on the page. When the page expands, the float off the their reletive position on the page.

phpwebdesigner said:
How do I design the website so that it always appears correctly regardless of the resolution being used.
If you use tabels, start with one table. Make its width 100%. then start building inside of it. Use rows and columns to help you with placement.

phpwebdesigner said:
I have extensively used div tags through out the site. Was this a good idea? Or should I have used tables?
Absolutely nothing wrong with using divs instead of tables, or in combo with them.

I always think of a page as having basically 3 sections. Head Body Foot. I usually use tables, but that is just me. I create a table for the head, and separate table for the body and foot. Then I work inside of each table to places its content.
 
Top