The problem is with my gallery: http://fotos.gustavobonato.com (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:
<!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>
looks fine with IE 6, adding style="margin:0px" attribute to the main table (first table after body tag) may fix the IE 7 issue
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)