Log in

View Full Version : Spaces in my page when viewed on IE!


zerrick100
04-15-2010, 01:53 PM
I was just finishing up on my website, only to find that it shows spaces when view on IE! I would greatly appreciate it if anyone could help me. Here is the link to my site - www.pahtnaz.com/contact

CODE

-------------------------------------
CSS:
-------------------------------------

#site_layout_about {
height: 100%;
width: 100%;
}
-------------------------------------
HTML:
-------------------------------------

<HTML>
<HEAD>
<style type="text/css">
<!--
body {
background-color: #000;
}
-->
</style></HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (contact.psd) -->
<table width="300" border="0" align="center">
<tr>
<td><div id="site_layout_contact">
<TABLE WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD WIDTH=1000 HEIGHT=47 COLSPAN=8><IMG SRC="images/index_01.png" WIDTH=1000 HEIGHT=47 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=117 HEIGHT=603 ROWSPAN=6><IMG SRC="images/index_02.png" WIDTH=117 HEIGHT=603 ALT=""></TD>
<TD WIDTH=222 HEIGHT=120 ROWSPAN=2><IMG SRC="images/index_03.png" ALT="" WIDTH=222 HEIGHT=120 border="0" usemap="#Map8">
<map name="Map8">
<area shape="rect" coords="49,46,171,109" href="http://www.pahtnaz.com/calendar">
<area shape="rect" coords="15,-6,154,33" href="http://www.pahtnaz.com/home" alt="Home">
</map></TD>
<TD WIDTH=89 HEIGHT=60><IMG SRC="images/index_04.png" ALT="" WIDTH=89 HEIGHT=60 border="0" usemap="#Map3">
<map name="Map3">
<area shape="rect" coords="5,13,81,34" href="http://www.pahtnaz.com/about">
</map></TD>
<TD WIDTH=123 HEIGHT=60><IMG SRC="images/index_05.png" ALT="" WIDTH=123 HEIGHT=60 border="0" usemap="#Map4">
<map name="Map4">
<area shape="rect" coords="12,26,114,48" href="http://pahtnaz.blogspot.com">
</map></TD>
<TD WIDTH=106 HEIGHT=60><IMG SRC="images/index_06.png" ALT="" WIDTH=106 HEIGHT=60 border="0" usemap="#Map5">
<map name="Map5">
<area shape="rect" coords="18,12,78,32" href="http://www.pahtnaz.com/zerrick">
<area shape="rect" coords="30,36,84,56" href="http://www.pahtnaz.com/khalil">
</map></TD>
<TD WIDTH=109 HEIGHT=60><IMG SRC="images/index_07.png" ALT="" WIDTH=109 HEIGHT=60 border="0" usemap="#Map6">
<map name="Map6">
<area shape="rect" coords="19,10,87,50" href="http://www.pahtnaz.com/gallery">
</map></TD>
<TD WIDTH=127 HEIGHT=60><IMG SRC="images/index_08.png" ALT="" WIDTH=127 HEIGHT=60 border="0" usemap="#Map7">
<map name="Map7">
<area shape="rect" coords="9,18,64,37" href="http://www.pahtnaz.com/forum">
</map></TD>
<TD WIDTH=107 HEIGHT=603 ROWSPAN=6><IMG SRC="images/index_09.png" WIDTH=107 HEIGHT=603 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=554 HEIGHT=60 COLSPAN=5><IMG SRC="images/index_10.png" WIDTH=554 HEIGHT=60 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=222 HEIGHT=325><IMG SRC="images/infobox.png" WIDTH=222 HEIGHT=325 ALT=""></TD>
<TD WIDTH=554 HEIGHT=446 COLSPAN=5 ROWSPAN=3 align="center"><div id="main"><form action="mailer.php" method="post" name="form1" id="form1" style="margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; width:300px;" onSubmit="MM_validateForm('from','','RisEmail','subject','','R','verif_box','','R','message','','R');return document.MM_returnValue">

Your e-mail:<br />
<input name="from" type="text" id="from" style="padding:2px; border:1px solid #CCCCCC; width:180px; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;" value="<?php echo $_GET['from'];?>"/>
<br />
<br />

Subject:<br />
<input name="subject" type="text" id="subject" style="padding:2px; border:1px solid #CCCCCC; width:180px; height:20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;" value="<?php echo $_GET['subject'];?>"/>
<br />
<br />

Type verification image:<br />
<input name="verif_box" type="text" id="verif_box" style="padding:2px; border:1px solid #CCCCCC; width:180px; height:20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;"/>
<img src="verificationimage.php?<?php echo rand(0,9999);?>" alt="verification image, type it in the box" width="50" height="24" align="absbottom" /><br />
<br />

<!-- if the variable "wrong_code" is sent from previous page then display the error field -->
<?php if(isset($_GET['wrong_code'])){?>
<div style="border:1px solid #990000; background-color:#D70000; color:#FFFFFF; padding:4px; padding-left:6px;width:295px;">Wrong verification code</div><br />
<?php ;}?>

Message:<br />
<textarea name="message" cols="6" rows="5" id="message" style="padding:2px; border:1px solid #CCCCCC; width:300px; height:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;"><?php echo $_GET['message'];?></textarea>
<input name="Submit" type="submit" style="margin-top:10px; display:block; border:1px solid #000000; width:100px; height:20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:2px; padding-right:2px; padding-top:0px; padding-bottom:2px; line-height:14px; background-color:#EFEFEF;" value="Send Message"/>
</form></div></TD>
</TR>
<TR>
<TD WIDTH=222 HEIGHT=85><IMG SRC="images/index_13.png" ALT="" WIDTH=222 HEIGHT=85 border="0" usemap="#Map2">
<map name="Map2">
<area shape="rect" coords="111,35,144,67" href="http://www.myspace.com/zerrick_khalil" target="_blank" alt="Myspace">
<area shape="rect" coords="73,35,108,69" href="http://www.facebook.com/zerrick.khalil" target="_blank" alt="Facebook">
<area shape="rect" coords="35,34,69,68" href="http://www.twitter.com/zerrick_khalil" target="_blank" alt="Twitter">
</map></TD>
</TR>
<TR>
<TD WIDTH=222 HEIGHT=36><IMG SRC="images/index_14.png" WIDTH=222 HEIGHT=36 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=776 HEIGHT=37 COLSPAN=6><IMG SRC="images/index_15.png" ALT="" WIDTH=776 HEIGHT=37 border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="241,5,272,14" href="http://www.pahtnaz.com/home">
<area shape="rect" coords="279,5,326,14" href="http://www.pahtnaz.com/about">
<area shape="rect" coords="335,5,359,14" href="http://pahtnaz.blogspot.com">
<area shape="rect" coords="367,4,404,14" href="http://www.pahtnaz.com/gallery">
<area shape="rect" coords="413,5,458,14" href="http://www.pahtnaz.com/calendar">
<area shape="rect" coords="468,5,521,14" href="http://www.pahtnaz.com/contact">
</map></TD>
</TR>
</TABLE>
</div></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
BLiZZaRD
04-15-2010, 09:54 PM
At the top of your CSS put this:



* {
margin: 0;
padding: 0;
}


9 times out of 10 this clears up the spacing problems. If it doesn't post back.
zerrick100
04-15-2010, 11:21 PM
This didn't work for me...thanks alot for responding. Could it be anything else?
BLiZZaRD
04-16-2010, 12:17 AM
Click Here (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pahtnaz.com%2Fcontact%2F&charset=%28detect+automatically%29&doctype=Inline&group=0) Read. Fix.

Most of your issues will probably go away. After that it will be a cleaner code to look through, and easier to spot any left over fixes.
zerrick100
04-16-2010, 07:57 PM
I made all the edits and still have spacing. not sure if its an IE8 thing or what.
BLiZZaRD
04-16-2010, 11:10 PM
Well, after the fix I go back to have a look through the "new and cleaner" code and the page is gone...

Really hard to help with no page :)