Topic: Unwanted space on top - Appears with IE and doesn't with Firefox (Read 2302 times)

Bonato · « **on:** 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://forum.coppermine-gallery.net/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://forum.coppermine-gallery.net/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 · « **Reply #1 on:** 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 · « **Reply #2 on:** 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)

News:

Author Topic: Unwanted space on top - Appears with IE and doesn't with Firefox (Read 2302 times)

Bonato

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

Sami

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

Bonato

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