looking 'spacey' in ie, fine in ff, help? Options

[Serendipity]

I recently changed my Xanga layout. It looks the way it should in Firefox, but in Internet Explorer, all the modules and blog entries are reaaaally spaced out.

An example of how it looks in IE:


And how it's supposed to look in FF:


Help would be appreciated. Thanks!

Please remember to thumbnail images that stretch out the forums. Thanks!
} Azarel

This post has been edited by Azarel: Apr 21 2007, 05:08 PM

[*relaxdontrelapse*]

could you post up your code?

[Serendipity]

Yeah sure.

CODE

<!--Provided by jaccaccino--><script language=javascript>document.title=("` stop trying to be [someone] you're not")</script><!--Provided by jaccaccino-->

<style>body, a:hover{cursor: url(http://content.cometsystems.com/czcontent/cursors/tinyh.cur);}</style>

<!-- start code provided by createblog.com -->
<style type="text/css">
/* Stylesheet © WHOREiFiEDx_LAYOUTS */
body {
/* -Background Properties- */
  BACKGROUND-POSITION: top right;
  BACKGROUND-IMAGE: url();
  BACKGROUND-ATTACHMENT: fixed;
  BACKGROUND-REPEAT: repeat;
  BACKGROUND-COLOR: white;
/* -Scrollbar Style- */
  SCROLLBAR-FACE-COLOR: white;
  SCROLLBAR-ARROW-COLOR: 808080;
  SCROLLBAR-TRACK-COLOR: white;
  SCROLLBAR-SHADOW-COLOR: 808080;
  SCROLLBAR-HIGHLIGHT-COLOR: white;
  SCROLLBAR-DARKSHADOW-COLOR: white;
  SCROLLBAR-3DLIGHT-COLOR: white;
/* -Body Cursor- */
  CURSOR: crosshair;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, xmp {
/* -Main Font- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: black;
}
U {
/* -Underlined- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: dc2165;
   TEXT-DECORATION: underline;
   BORDER-BOTTOM: 2px dashed dc2165;
}
B, STRONG {
/* -Bold- */
   FONT-WEIGHT: bold;
   FONT-SIZE: 11px;
   COLOR: 7cebf6;
}
i, EM {
/* -Italicized- */
   FONT-FAMILY: georgia;
   FONT-WEIGHT: normal;
   FONT-SIZE: 10px;
   COLOR: dc2165;
}
div.blogheader, .caption {
/* -Dates- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 15pt;
   COLOR: white;
   TEXT-TRANSFORM: lowercase;
   BACKGROUND-COLOR: 7cebf6;
   TEXT-ALIGN: center;
   LETTER-SPACING: -3px;
   BORDER-BOTTOM: 2px solid #808080;
   BORDER-TOP: 1px solid white;
   BORDER-RIGHT: 1px solid white;
   BORDER-LEFT: 1px solid white;
}
a:link, .footernav.link, a.footernav:link {
/* -Links- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: dc2165;
}
a:visited, a.footernav:visited  {
/* -Visited- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: 808080;
}
a:active. a.footernav:active {
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: 7cebf6;
   TEXT-DECORATION: line-through;
}
a:hover, a.footernav:hover, a.footernav.hover{
/* -Hovered- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: 808080;
   BORDER: 0px solid red;
   CURSOR: help;
}
input, select, textarea, .textfield, .button {
/* -Dropdowns, Buttons, Textareas- */
   FONT-FAMILY: terminal;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: white;
   BORDER: 1px solid #7cebf6;
   BACKGROUND-COLOR: white;
}
table.left th, table.module th {
/* -Module Title- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: white;
   TEXT-TRANSFORM: none;
   BACKGROUND-COLOR: 7cebf6;
   TEXT-ALIGN: center;
   BORDER-BOTTOM: 1px solid #808080;
   BORDER-TOP: none;
   BORDER-RIGHT: none;
   BORDER-LEFT: none;
}
table.left TD, table.module td {
/* -Module Body- */
   BORDER-TOP: 1px solid 808080;
   BORDER-BOTTOM: none;
   BORDER-RIGHT: none;
   BORDER-LEFT: none;
   BACKGROUND-COLOR: white;
}
table.left, table.module {
/* -Module Altogether- */
   WIDTH: 180px;
   BORDER: 1px solid dc2165;
   BACKGROUND-COLOR: black;
}
table.blogbody {
/* -Blog Entries- */
   WIDTH: 350px;
   BORDER-TOP: 2px solid 7cebf6;
   BORDER-BOTTOM: 1px solid white;
   BORDER-RIGHT: 1px solid white;
   BORDER-LEFT: 1px solid white;
   BACKGROUND-COLOR: white;
}
hr {
/* -Divider Below Your Entries- */
   WIDTH: 350px;
   HEIGHT: 6px;
   BORDER: 1px solid 808080;
   COLOR: 808080;
}
/* -Removes Header Navigation & Regular left modules. Remove this when not using custom mods- */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
</style>

<table border=0 width="500"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">

</td><td width="175" valign="top" align="left"><a href="http://photobucket.com" target="_blank"><img src="http://i7.photobucket.com/albums/y276/MiNixCHoPSTix/Other/lifenotracebanner2.png" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a>


<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">The girl.</th></tr>
<tr><td valign="top" class="module">
Deborah. Or Deb, if you like. Braceface, <i>ice cream</i> lover, collects keychains. B-day is <b>May 4</b>. Plays the <b>piano</b> (like almost all Asians do). Loves to cook. Has been to a lot of places in the US. Pet peeves: snobs, smart alecks, annoying habits [e.g., tapping fingers, humming], people who use way too many <i>emoticons</i>, people who think they're 'scene,' etc. <u>No siblings</u>. Favorite subjects: English, yearbook, & PE. Uses <i>AIM</i>, so ask for the screenname.
</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">Icon.</th></tr>
<tr><td valign="top" class="module">
<center><a href="http://photobucket.com" target="_blank"><img src="http://i7.photobucket.com/albums/y276/MiNixCHoPSTix/Other/babygotbach.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a></center>
</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">Navigation.</th></tr><tr><td valign="top">
» <a href="http://xanga.com">Xanga</a><br>
» <a href="http://xanga.com/signin.aspx">Login</a> or <a href="http://xanga.com/logout.aspx">Logout</a><br>
» <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=x__thatssocliche">Subscribe</a><br>
» <a href="http://edit.xanga.com/claf.aspx">Look & Feel</a><br>
» <a href="http://xanga.com/private/home.aspx">Home</a><br>
» <a href="http://www.xanga.com/Private/profilebasic.aspx">Profile</a><br>
» <a href="http://www.xanga.com/Private/editaccount.aspx">Account Info</a><br>
» <a href="http://www.xanga.com/Private/subs.aspx">Subscribers</a></td></tr></table>
<br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">Music.</th></tr>
<tr><td valign="top" class="module">
<b>Symphony of Brotherhood</b> - Miri Ben-Ari<br>
<center><object width="125" height="150"><param name="movie" value="http://www.youtube.com/v/jfz1hJZPsxM"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/jfz1hJZPsxM" type="application/x-shockwave-flash" wmode="transparent" width="125" height="150"></embed></object></center>
</td></tr></table><br>


<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">Random.</th></tr>
<tr><td valign="top" class="module">
<table width=175 align=center border=0 cellspacing=0 cellpadding=2><tr><td bgcolor="#CCCCCC" align=center>
<font face="Georgia, Times New Roman, Times, serif" style='color:black; font-size: 14pt;'>
<strong>You Belong in Spring</strong>
</font></td></tr>
<tr><td bgcolor="#DDDDDD">
<center><img src="http://images.blogthings.com/whatseasonareyouquiz/spring.jpg" height="100" width="100"></center>
<font color="#000000">
Optimistic, lively, and almost always happy with the world...<br />
You can truly appreciate the blooming nature of spring.<br />
Whether you're planting flowers or dyeing Easter eggs, spring is definitely your season!
</font></td></tr></table>
<div align="center"><a href="http://www.blogthings.com/whatseasonareyouquiz/">What Season Are You?</a></div>
</td></tr></table><br>
</td><td width="500" valign="top" align="left">
<!-- end code provided by createblog.com -->

[*digital.fragrance*]

Have you ever tried using div layers instead of tables? Then when you use the margin attributes, you can stick "!important" after every pixel vaule to make the codes compatible in both browerse.

First, you'd have to align it in IE, then when inserting the !important tag, FF adjusts and appears the same as IE.

[Serendipity]

Thanks for the advice; I might try that sometime. But in the meantime, I've decided to just stick with a regular layout. This can be closed.

Closed.
} Azarel

This post has been edited by Azarel: Apr 21 2007, 08:32 PM