What is wrong with my EE layout (in IE)

**Edwin** · February 26th, 2008, 11:54 AM

When I look at my blog with Firefox, it looks as it should be, but when I'm looking at it with IE (at work, can't install other browsers

) it looks wrong. Since I'm not a coder/designer myself, I've no clue on where to look for it.

I will attach the index.php file, maybe someone can see from that what I <bleeped> up.

**Roxy** · February 26th, 2008, 12:08 PM

Well, IE is THE WORST browser on earth and sadly sometimes valid coding that looks perfect in every other browser will mess up in IE, why? Because it sucks! From what I can see within the index file, nothing is really wrong, but then again I don't have your CSS file so I'm not 100% sure. If anything, you'll probably have to set some IE compatible CSS styles.

What's the link of your website?

**Edwin** · February 26th, 2008, 12:19 PM

It's a CSS file I copied from the theme page on the expression engine site. Trying to add it.

**Roxy** · February 26th, 2008, 12:21 PM

What exactly is the problem you are seeing in IE?

**Edwin** · February 26th, 2008, 12:24 PM

The two sidebars are looking okay, but the main content is not on the place it should be (next to the sidebars, not under it)

**cowboy** · February 26th, 2008, 12:31 PM

Quote:

Originally Posted by Edwin

When I look at my blog with Firefox, it looks as it should be, but when I'm looking at it with IE (at work, can't install other browsers

) it looks wrong. Since I'm not a coder/designer myself, I've no clue on where to look for it.

I will attach the index.php file, maybe someone can see from that what I <bleeped> up.

Your divs widths (left--200, right--168,main--432) add up to 800 which is the same as your container(800). Any extra padding, margin, or border will not allow a fit and the div to load last (your main here) will have to go into overflow and display later in the page. The right div is snapping to the left because they have it floating left instead of right.

Increase your overall container to like 810 px. Increase if it still has not positioned correctly and back off until it holds and add 1px for good measure.

Browsers are like heart transplant doctors. You want to educate them with your scripts so you know you don't have a rejection on your patient. IE has a greater degree of finesse to details.

**Roxy** · February 26th, 2008, 12:57 PM

Quote:

Originally Posted by cowboy

Your divs widths (left--200, right--168,main--432) add up to 800 which is the same as your container(800). Any extra padding, margin, or border will not allow a fit and the div to load last (your main here) will have to go into overflow and display later in the page. The right div is snapping to the left because they have it floating left instead of right.

Increase your overall container to like 810 px. Increase if it still has not positioned correctly and back off until it holds and add 1px for good measure.

Browsers are like heart transplant doctors. You want to educate them with your scripts so you know you don't have a rejection on your patient. IE has a greater degree of finesse to details.

That's sounds like a good idea. If the problem still persists, please update us!

H · February 26th, 2008, 1:09 PM

Quote:

Originally Posted by Roxy

Well, IE is THE WORST browser on earth and sadly sometimes valid coding that looks perfect in every other browser will mess up in IE, why? Because it sucks! From what I can see within the index file, nothing is really wrong, but then again I don't have your CSS file so I'm not 100% sure. If anything, you'll probably have to set some IE compatible CSS styles.

What's the link of your website?

I don't know... I think Firefox is the problem. It's made my Mozilla afterall... which is basically Netscape, which is funded by AOL... Therefore it's AOL that causes all headaches of the Internets.

**Edwin** · February 26th, 2008, 3:08 PM

Quote:

Originally Posted by H

I don't know... I think Firefox is the problem. It's made my Mozilla afterall... which is basically Netscape, which is funded by AOL... Therefore it's AOL that causes all headaches of the Internets.

:P

Yes, I do hate AOL, but I <333 Firefox.

February 26th, 2008, 12:08 PM	#2 (permalink)
Roxy URB4N 5K1LLZ Super #1 Joined in Sep 2005 Lives in Orlando, FL Hosted on SH63 2,648 posts Gave thanks: 81 Thanked 127 times	Well, IE is THE WORST browser on earth and sadly sometimes valid coding that looks perfect in every other browser will mess up in IE, why? Because it sucks! From what I can see within the index file, nothing is really wrong, but then again I don't have your CSS file so I'm not 100% sure. If anything, you'll probably have to set some IE compatible CSS styles. What's the link of your website? __________________ Roxanne Surpass Staff Urban Roxy -Personal Blog SH63 - the best darn shared server!

February 26th, 2008, 12:21 PM	#4 (permalink)
Roxy URB4N 5K1LLZ Super #1 Joined in Sep 2005 Lives in Orlando, FL Hosted on SH63 2,648 posts Gave thanks: 81 Thanked 127 times	What exactly is the problem you are seeing in IE? __________________ Roxanne Surpass Staff Urban Roxy -Personal Blog SH63 - the best darn shared server!

February 26th, 2008, 12:24 PM	#5 (permalink)
Edwin Surpassing Dutch Super #1 Joined in Sep 2004 Lives in Arnhem, the Netherlands Hosted on SH98 2,252 posts Gave thanks: 158 Thanked 37 times	The two sidebars are looking okay, but the main content is not on the place it should be (next to the sidebars, not under it) __________________ sh98

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)