DIV positioning - Firevox Vs. IE [Archive]

77strings

05-20-2009, 10:58 PM

Ok Guys and Gals,

So I know it's a known issue, and yes, I've searched through the posts, but strangely enough I can't find the answer that works for me.

I've been staring at my screen for hours now, so I'm probably staring right at it and can't see it.

Basically, I have a site, the DIVs are being controlled by my style sheet, FF and Safari put the DIV (that holds text) in the right place, however IE throws it to the right.

Here is the code for the page:

<code>

<!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" />
<title>Brunswick North West Primary School | Curriculum | Education for Sustainability</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();

// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}

// close layer when click-out
document.onclick = mclose;

</script>

<style type="text/css">

</style>
</head>
<body>

<table width="50" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="images/spacer.gif" alt="spacer" width="25" height="5" /></td>
</tr>
</table>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="images/background_top.jpg" alt="top_banner" width="760" height="170" /></td>
</tr>
</table>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td>
<?php
require ("menu.php");
?>
</td>
</tr>
</table>
<table width="760" height="557" border="0" align="center" cellpadding="5" cellspacing="0" background="images/background_body.jpg">
<tr>
<td width="555" valign="top">
<div class="textdiv" id="textdiv">
<p class="bodytext">Culloden Street<br />
West Brunswick<br />
VIC 3055<br />
<br />
Telephone: (03) 9386 4624<br />
Fax: (03) 9386 9137<br />
<br />
Alternatively, please fill out the form below and we will be in touch.</p>
<p> </p>
<FORM METHOD="POST" ACTION="http://mailgate.server-mail.com/cgi-bin/mailgate">
<div align="left">
<input type=hidden name="recipient" value="sales@yourchoicefencing.com.au">
<input type=hidden name="subject" value="Website Based Enquiry">
<input type=hidden name="redirect" value="http://www.yourchoicefencing.com.au/feedback.html">
<br>
<span class="bodytext">Name:<img src="images/spacer.gif" alt="spacer" width="99" height="10">
<input type=text name="name">
<BR>
Suburb:<img src="images/spacer.gif" alt="spacer" width="88" height="9">
<input type=text name="suburb">
<br>
Email:<img src="images/spacer.gif" width="101" height="8">
<input type=text name="email">
<BR>
Contact Number:<img src="images/spacer.gif" alt="spacer" width="14" height="10">
<input type=text name="contactnumber">
<BR>
<BR>
Please place your query/comments here:</span>
<TEXTAREA NAME= "comments" ROWS=3 COLS=50>Please Type Here</TEXTAREA>
<INPUT TYPE="SUBMIT" VALUE="Submit">
</div>
</FORM> </div>

</td>

<td width="188" valign="top"><img src="images/spacer.gif" alt="spacer" width="188" height="15" />
<?php
require ("updates.asp")
?> </td>
</tr>
</table>
</body>
</html>

</code>

And here is the style sheet code that controls (most of the time) the DIV.

<code>

.textdiv {
position: absolute;
width: 535px;
height: 530px;
left: 359px;
z-index:1
overflow: scroll;
top: 219px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
colour:#FF0000;
}

</code>

Apologies if it's something super basic, I just can't see for looking anymore.

Cheers

Daytona