Sliced Template not working in IE

Herrs

Hello guys!

I just got finished slicing my template in PS and I finished everything in Dreamweaver. However, it works in Chrome but does not work in IE. Any suggestions? It is all slicy in IE and is not coming out smooth. Did I forget a code, or anything? I am stuck! All help is TRULY appreciated! I just checked in FF and it does not work there either. Here is the URL: http://www.clan24.com/home

Here is my code:

<html>
<head>
<title>Clan 24! | Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
<meta name="description" content="Clan 24! is a unique and diverse clan that plays competitively for the PSP SOCOM Franchise.">
<meta name="keywords" content="Clan 24!, 24!, Clan 24!, 24, Herrs, AWL_Herrs, Herrs24, PSP, SOCOM, PSP SOCOM, SOCOM CLANS, SOCOM 1, 2, 3">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<p>

</p>
<p> </p>
<p> </p>
<table width="901" height="601" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="13">
<img src="images/index_01.gif" width="900" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/index_02.gif" width="10" height="295" alt=""></td>
<td colspan="8"><a href="index.html"><img src="images/index_03.gif" width="488" height="49" alt=""></a></td>
<td colspan="4" rowspan="2">
<img src="images/index_04.gif" width="402" height="66" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="49" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/index_05.gif" width="488" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/index_06.gif" width="405" height="133" alt=""></td>
<td colspan="5">
<img src="images/index_07.gif" width="396" height="42" alt=""></td>
<td rowspan="10">
<img src="images/index_08.gif" width="89" height="523" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="4">
<img src="images/index_09.gif" width="396" height="246" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="91" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/index_10.gif" width="281" height="96" alt=""></td>
<td colspan="2"><a href="contact.html"><img src="images/index_11.gif" width="82" height="33" alt=""></a></td>
<td rowspan="8">
<img src="images/index_12.gif" width="42" height="390" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/index_13.gif" width="82" height="172" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="63" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="6">
<img src="images/index_14.gif" width="203" height="294" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/index_15.gif" width="88" height="109" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td rowspan="2"><a href="about.html"><img src="images/index_16.gif" width="77" height="67" alt=""></a></td>
<td colspan="4" rowspan="3">
<img src="images/index_17.gif" width="319" height="121" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_18.gif" width="53" height="185" alt=""></td>
<td colspan="2" rowspan="2"><a href="roster.html"><img src="images/index_19.gif" width="63" height="71" alt=""></a></td>
<td rowspan="4">
<img src="images/index_20.gif" width="54" height="185" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_21.gif" width="77" height="168" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="54" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/index_22.gif" width="63" height="114" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/index_23.gif" width="193" height="114" alt=""></td>
<td>
<img src="images/index_24.gif" width="64" height="29" alt=""></td>
<td rowspan="2">
<img src="images/index_25.gif" width="62" height="114" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_26.gif" width="64" height="85" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="193" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="53" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="54" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="42" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="77" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="187" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="64" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="89" height="1" alt=""></td>
<td></td>
</tr>
</table>
<p>
<embed src="Media/hans zimmer - navy seals theme.mp3" autostart="true" loop="true"

width="2" height="0">
</embed>
<noembed>
<bgsound src="yourmusicfile.mid" loop="infinite">
</embed>
</p>


</body>
</html>

Auieos · Posted: Fri Jun 18, 2010 6:38 pm Post subject:

Worked fine in my IE v8.

darklite · Posted: Fri Jun 18, 2010 10:02 pm Post subject:

I checked it in IE8 and FF and it works just fine. IE is always a pain but unfortunately it still seems to be a favored browser. The code looks as clean as it's going to get for table slices. You might want to choose CSS in the save for web preferences as tables can sometimes be unpredictable.

Just look over the output settings in PS when you save for web. On the "next" screen, there's a button "GENERATE CSS" I always check that one. I'd rather depend on CSS than tables for large images. But, that's just me.

BTW, I love Hans Zimmer's music.

thehermit · Posted: Sat Jun 19, 2010 8:00 am Post subject:

I concur with the above works fine in both FF and IE.

Something like this may help (there are others):

http://browsershots.org/

darklite · Posted: Sat Jun 19, 2010 7:01 pm Post subject:

Awesome link to the browser test my friend. thanks!

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved. Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy. We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.