PDA

View Full Version : Centering web page in Dreamweaver


T_Montavious
07-24-2009, 09:00 PM
for a web programming class
an extra credit challenge is to fix all found issues with some example web pages in dreamweaver
in the first example page the most obvious problem is that the page has oversized dimensions
which are 1680 x 1050
so the main issue that it creates is a problem with the horizontal centering
I'm looking for a coding/ script solution in dreamweaver that will automatically center the page when uploaded to the web
I've attempted several web tutorials and so forth but have yet to come across something that actually works for me
I am aware that this could be due to incorrect placement within the script
so I have decided to include the a basic version of the example script.
I appreciate any solutions that can be given...

Here is the sample script

<html>
<head>
<title>MockWeb_Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (MockWeb_Example.psd) -->
<table id="Table_01" width="1680" height="1050" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2">
<img src="images/Mock_LeftGrade.gif" width="397" height="1050" alt=""></td>
<td>
<img src="images/Mock_Header.gif" width="912" height="524" alt=""></td>
<td rowspan="2">
<img src="images/Mock_RightGrade.gif" width="371" height="1050" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Mock_Menu.gif" width="912" height="526" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Corrosive
07-24-2009, 09:14 PM
Actually the most obvious issue with the page is that it was built using tables exported from Photoshop. Anyhoo...

http://www.dreamweaverclub.com/css-center-content.php