Site Help

sumfight · 06-02-2006, 01:37 AM

ok, my site looks wonderful(or at least good to me) in firefox, however it looks really really bad in ie, could someone check the site in both browsers and tell me what to do to make it look good in IE?

www.sumfight.com

Thanks

***bpat1434*** · 06-03-2006, 01:26 PM

OMG.... umm.... wow..... 8)!!

Uh.... is there any way you can simplify your tables? I'm pretty sure that's a good reason why IE is having such an issue with it.......

Mainly you need to rethink the design of it. Having 1 table, that has like 41 columns is insane....

You'd be better off to have a table that has 3 rows and 3 columns.....

The top row can have a small td that spans two (colspan=2) and the inside it another table for your navigation

Then you can do your logo on the right....

The middle row would have in the left hand column your secondary? navigation and such. Then the other two columns would be combined (colspan=2) so that you have all that room to put an iFrame (or whatever) there inside a new table so that it fits well

The third row would be just like the first

That would totally simplify your layout and get rid of having all those columns and all that overlapping....

So basically a quick outline sketch would look like this:

HTML Code:

<body>
<table>
  <tr>
    <td colspan=2>
    <!-- Site Horizontal Navigation ;) -->
      <table><tr>
        <td>Home</td><td>Vids</td><td>Pics</td><td>Art</td><td>Forum</td>
      </tr></table>
    </td>
    <td>
      <img src=""><!-- Your logo ;) -->
    </td>
  </tr>
  <tr>
    <td>
    <!-- Your Vertical Navigation -->
      <table>
        <tr><td>News</td></tr>
        <tr><td>Members</td></tr>
        <tr><td>SF Street Team</td></tr>
        <tr><td>Forum</td></tr>
      </table>
    </td>
    <td colspan=2>
      <table><tr><td><iframe src=""></iframe><!-- Whatever you want (Main content) --></td></tr></table>
    </td>
  </tr>
  <tr>
    <td colspan=2>
      <table><tr>
        <td>Contact Us</td><td>Links</td>
      </tr></table>
    </td>
    <td>
      <table><tr><td><!-- Your footer image --></td></tr></table>
    </td>
  </tr>
</table>
</body>

Which would essentially give you this layout:

Code:

+-------------------------------------------+
|                      |                    |
|                      |                    |
+-------------+--------+--------------------+
|             |                             |
|             |                             |
|             |                             |
|             |                             |
|             |                             |
|             |                             |
|             |                             |
|             |                             |
|             |                             |
|             |                             |
|             |                             |
+-------------+--------+--------------------+
|                      |                    |
|                      |                    |
+----------------------+--------------------+

Hope that helps you out....

***Weedpacket*** · 06-03-2006, 09:56 PM

You don't think using a bit of CSS wouldn't help? For example, the lists of links in the horizontal and vertical navigation could be just that: lists.

Also, patching up the validation errors might make it render more reliably. For example, things like "width=#83" are clearly typos.

***bpat1434*** · 06-03-2006, 11:07 PM

Well yes... it woudl obviously help; however, if it's not what they know, I'm not going to force it upon them.