dream weaver training - Centralising a page

Resolved · Low Priority · Version Standard

Tue 16 Jan 2007, 19:22 Delegate Sara said...

Sara has attended:
Dreamweaver 8 Introduction course
Dreamweaver 8 Intermediate course

Centralising a page

How can you get a page to appear in the middle of your screen as a fixed size panel? e.g. http://www.guildfordymca.org.uk/

Thanks

Sara

Wed 17 Jan 2007, 12:12 Trainer Rich said...

Using table to centre your content on a web page

Hi Sara,

The most common method to achieve this is put all of your content into a single celled table. Then set the table properties to be aligned to the centre and a certain width (eg. 700px) or percentage (eg. 70%).

You may notice the code for the web site you pasted looks like this:

<table width="720"  border="0" align="center" cellpadding="0" cellspacing="0">

They have also turned off borders etc. so the visitor can't see that tables are used for the layout. To see a web page's code, in IE7 go to Page -> view source. In Firefox go to View -> Page source.

However, you may like to use the new CSS method, which is to put everything in a container (or DIV) which has similar centred and fixed/percentage width properties.

I hope this helps. Let me know if you achieve the result you're after.

Regards, Rich

Dreamweaver tip:

Css styles

If you are looking for a CSS style for your website / web page and not sure what you want to use, then go to the Csszengarden website, where you can download samples to try.

View all Dreamweaver hints and tips

dream weaver training - Centralising a page

Centralising a page

Using table to centre your content on a web page

Dreamweaver articles

Dreamweaver tip:

Css styles