Created Web Photo Album but Main Photos do not show on centre page in Firefox

Advertisement

Created Web Photo Album but Main Photos do not show on centre page in Firefox
Site is
I have used web photo album in this web site. In IE this is showing OK and all images are centralised, however in Firefox the main photo pages are showing to the left can anyone help me please?
http://www.sancere.com/Album/pages/Picture-018_jpg.htm
Repaly
The page is showing OK in IE because it's in quirks mode - due to the fact that you are not using a doctype.  Firefox is showing the page as it really is :-)
I've recoded the page for you - see if this works better.
Notice the doctype at the top of the document. You should use this on every page of your site. Which version of DW are you using if it didn't create the doc type ??
I've moved the body style into the style rules to the head of the document.  I've added an ID for the table #gallerytable and applied that to your table.
If you look at the #gallerytable styles, you'll see I've given the table a width and set the margin to auto, which will center the page in both browsers.  I've also removed the centering you had in the <td> elements.. no need for that because it's covered in the #gallerytable styling
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>Portfolio of Events / Picture-018.jpg</title>
<link href="../../oneColFixCtrHdr.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
     background-color:#000;   /* this makes the body colour black */
#gallerytable {
     width: 800px; margin: 0 auto;   /*sets the style so that the table is centered in the window */
     text-align:center;  /* everything in the table will be centered */
a:link {
     color: #FFF;
a:visited {
     color: #FFF;
a:hover {
     color: #FFF;
a:active {
     color: #FFF;
-->
</style>
</head>
<body>
<table id="gallerytable">
<tr>
<td ><h2>Portfolio of Events/Picture-018.jpg</h2>
<a href="Italy-2008-127_jpg.htm">Previous</a> | <a href="../album.htm">Home</a> | <a href="088_jpg.htm">Next</a><br><br>
</td>
</tr>
<tr>
<td >
<br>
<a href="../images/Picture-018_jpg.jpg"><img src="http://www.sancere.com/Album/images/Picture-018_jpg.jpg" border=0></a><br>
</td>
</tr>
</table>
</body>
</html>
Hope this helps  :-)
Read More: The other 5 answers