Site Help [Archive] - PHPBuilder.com

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:
<body>
<table>
<tr>
<td colspan=2>

<table><tr>
<td>Home</td><td>Vids</td><td>Pics</td><td>Art</td><td>Forum</td>
</tr></table>
</td>
<td>
<img src="">
</td>
</tr>
<tr>
<td>

<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></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></td></tr></table>
</td>
</tr>
</table>
</body>

Which would essentially give you this layout:
+-------------------------------------------+
| | |
| | |
+-------------+--------+--------------------+
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
+-------------+--------+--------------------+
| | |
| | |
+----------------------+--------------------+

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 (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.sumfight.com%2F) 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.