Unwanted space on top - Appears with IE and doesn't with Firefox

Bonato · September 02, 2007, 07:43:35 AM

The problem is with my gallery: http://fotos.gustavobonato.com

When I open it with Firefox it looks perfect:

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.gustavobonato.com%2Fdownloads%2Ffirefox.jpg&hash=791f167fa256af77e84db952d8990fed52585522)

When I use IE there is an empty space above the header. That's totally unwanted.

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.gustavobonato.com%2Fdownloads%2Fie.jpg&hash=f9ccb06f33e2b27d4d422e7dc3df610656eae8e2)

Is there something I can do to eliminate that blank space that appears with Internet Explorer?

My code seems to be correct. Here is the first part of the "template.html" file:

Code Select


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<title>gustavobonato.com</title><style type="text/css">
<!--
body {
	background-color: #fafafa;
	margin-top: 0px;
	margin-bottom: 0px;
}
.topmenu9 {

	font-family:Verdana, Arial, Sans-Serif;
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
	font-weight:bold;
	color:#BBC4A3;

}

.topmenu9 a:link, .topmenu9 a:visited
{
	text-decoration:none;	
	color:#BBC4A3;
}
.topmenu9 a:hover, .topmenu9 a:active
{
	text-decoration:none;
	color:#F7F3ED;	
}

-->
</style>
{META}
<link rel="stylesheet" href="themes/water_drop/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!-- $Id: template.html,v 1.9 2005/12/04 03:22:35 donnoman Exp $ -->

</head>

<body>
<table width="784" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="F6F3EA">
  <tr>
    <td colspan="3"><img src="http://www.gustavobonato.com/fotos/themes/water_drop/images/top_01.jpg" width="784" height="10" /></td>
  </tr>
  <tr>

Sami · September 02, 2007, 09:09:09 AM

looks fine with IE 6, adding

Code Select

style="margin:0px" attribute to the main table (first table after body tag) may fix the IE 7 issue

Bonato · September 02, 2007, 09:30:46 AM

I didn't work.

The new attribute has put the whole table to the left in Firefox (instead of centered). In IE7, it stayed centered but still with the blank space on top.

(I have moved back to the old template - without the attribute - after the attempt above)

coppermine-gallery.com/forum

News:

Unwanted space on top - Appears with IE and doesn't with Firefox

Bonato

Sami

Bonato