PDA

View Full Version : Table problem in IE

clutteredness
02-29-2004, 12:36 AM
I made my first table layout today at cluttered.net (http://www.cluttered.net). I had been using Mozilla, and it worked fine. After I uploaded it, I realized it was off in Internet Explorer. I can't figure out why, but there seems to be a space between the image map/navigation image (lay4) and the iframe for content, as you can probably see.

This is my code:
<html><head>
<style type="text/css">
<--
{}
body
{ background-color: #FF98C9; }
-->

</style>
<title>cluttered.net...^_^ version....springtime!</title></head><body>
<center><table cellspacing="0" cellpadding="0" border="0" width="704">
<tr>
<td width="327" rowspan=3><img src=lay1.jpg></img></td>
<td width="339" ><img src=lay4.jpg usemap="#lay4" border=0></img>
<map id="lay4" name="lay4" border=0>
<area shape="rect"#'Bout the Mistress
coords="25,5,58,21" href="me.html" title="'Bout the Mistress" target="main" />
<area shape="rect"#Stuff for the Guest
coords="59,4,88,21" href="you.html" title="Stuff for the Guest" target="main" />
<area shape="rect"#Info on cluttered.net
coords="90,3,146,21" href="domain.html" title="Info on cluttered.net" target="main" />
<area shape="rect"#Learn!
coords="146,2,208,20" href="tutorials.html" title="Learn!" target="main" />
<area shape="rect"#Links and Such
coords="210,3,244,20" href="exits.html" title="Links and Such" target="main" />
<area shape="rect"#Leave me a message!
coords="246,2,273,20" href="tag.html" title="Leave me a message!" target="main" />
<area shape="rect"#Return to blog..
coords="274,3,312,21" href="blog.php" title="Return to blog.." target="main" />

<area shape="default" nohref="nohref" alt="" />
</map></td>
<td width="339" rowspan=3><img src=lay3.jpg border=0></img></td></tr><tr>
<td width="339" height=401><iframe frameborder="0" border=0 width=339 height=401px src="blog.php" name=main scrolling=choice></iframe></td></tr>
<tr>
<td width="38"><img src="lay2.jpg" border=0></img></td></tr>
</table>
</body></html>
Rosey
02-29-2004, 01:17 AM
ie doesnt work on this computer but try taking all the spaces out between the map and the iframe. Sometimes IE does funny things because of spaces.
pb&j
02-29-2004, 04:11 AM
using Moz1.5 and IE6.
at this time, they both look the same (or very close considering the obvious differences in browsers).
MaGiCSuN
02-29-2004, 02:26 PM
try changing your stylesheet to this. The style tags are stil in it, but it's an external stylesheet (style.css) so it shouldn't be there. Also the background was centered, that might do the trick:


A{color:#AD044C;text-decoration:none;cursor:crosshair; behavior:url(pixel.htc); filter:progid:dximagetransform.microsoft.pixelate( duration=1, maxSquare=22, enabled=false); height: 0px; clip: rect( );}
A:link { color: #AD044C; text-decoration: none}
A:visited { color: #AD044C; text-decoration: none; font-weight: none }
A:hover { color: #FF509A; text-decoration: none; font-weight: none; cursor: none}


H1 { color: #AD044C; font-family: arial; font-size: 14pt}


body
{background-image: url(http://img24.photobucket.com/albums/v71/clutteredness/lay5.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
scrollbar-arrow-color: #AD044C;
scrollbar-track-color: #AD044C;
scrollbar-face-color: #FF98C9;
scrollbar-highlight-color: #FF98C9;
scrollbar-3dlight-color: #FF98C9;
scrollbar-darkshadow-color: #FF98C9;
scrollbar-shadow-color: #FF98C9;
font-family: Arial;
color: #E61958; font-size: 10pt}



also <img> tag don't need to be closed with an </img> tag :)

Love,
Mirna
clutteredness
02-29-2004, 03:19 PM
Thanks, both of you. I took out all the spaces, and it fixed it and I'm in the process of correcting the bugs Mirna pointed out.
MaGiCSuN
02-29-2004, 03:35 PM
Your welcome
i love your layout btw :) it's gorgeous :) Hope it works all out good :)

love,
Mirna