Big problems in IE, Layout Destroyed

ThomasDesigns

Well, It's too much destruction to explain, so I will give you a live example.

http://www.hordeofnightmares.net/Madigan

Here you will see a layout I have been working on...in Firefox (2) it looks fine, however in Internet Explorer (7), It is very....separated.

The source code is all at that link, and I trust you can find the CSS document from the source code.

I have been doing a lot of googleing and reading, and trying different tweaks, hacks, and conditional statements to load different styles...nothing seems to work.

I've been running through my code over and over and haven't found anything wrong...I'm hoping a fresh eye will be able to see my error.

Again, the Source HTML & CSS is at http://www.hordeofnightmares.net/Madigan

Thanks in advance.
Hope to hear from you soon.

badai

i see your http://www.hordeofnightmares.net/Madigan/styles/base.php

too complicated.

jabapyth

the only problem I could see (and it was in firefox, in ie(6) it looked fine) was that the menu was split up --> screenshot

to fix that, I changed the style thus:

ThomasDesigns

Thanks for your help Jabapyth.

I've been working on it and got it to a satisfactory look in both IE and FF browsers.
One of the things that helped me was setting a definite width for the cells holding the corner images. It seems IE needed that.

flatliner

Seem 2 be the same in firefox 2 and IE 7 , One thing I would say tho is the use of table structures for websites is very dated and not very effective. The CSS doucment is very big for only a small amount of html that needs to be controlled. I would recommand you rebuild it and use a CSS postioning. Tables should only be used for tableuarl information.Also you use alot of images which do make nice circular effect but, really bring down the loading time of the page and you still have content to put into it and its even slow loading now. You might consider changing that?

Just to let ya know Smile

lukand