Internet Explorer Woes

**ghostcop** · September 20th, 2005, 3:54 AM

I don't have a Windows computer at home right now because of the move, so I can't really spend a lot of time poking my site and fixing what's wrong. But, something is wrong.

The URL is http://ozmm.org. In Firefox and Opera it seems to render properly, but in IE it's all lopsided. Anyone have any ideas? I'm thinking it's because IE doesn't like the way I try and move the body table around, but that's just a guess.

Stylesheets are http://ozmm.org/stylesheets/tumblog.css and http://ozmm.org/stylesheets/types.css

And I know it's lopsided because I hopped on it at work today. Only long enough to frown.

Thanks in advance.

H · September 20th, 2005, 4:20 AM

I could only briefly look, but it could be related to invalid CSS. http://jigsaw.w3.org/css-validator/v...1&profile=css2

I'm not entirely sure, but typically box modelling makes use of the float attribute of a selector element.

If it's not solved tomorrow I'll take a more indepth look --- I just found IE the other day and it's usually not fun.

**ghostcop** · September 20th, 2005, 11:39 AM

Quote:

W3C CSS Validator Results for http://ozmm.org/

Congratulations!

This document validates as CSS!

The HTML validates as transitional, too.

H · September 20th, 2005, 11:53 AM

Try strict just for the hell of it... It might make a difference.

By the way.. I noticed you're using a div with the class 'code' for your code blocks... Why not just use the code tag? It'd make more semantic sense. Just curious is all.

Also, the CSS validation wasn't reporting errors, but there were some warnings floating around... Some of which I strongly suggest fixing (like the body background color).

I need make my lunch and do some little things.. then I'll take a good 15 minutes trying to figure out the IE bug.

**ghostcop** · September 20th, 2005, 11:58 AM

Well the code div itself is outdated. I could use the code tag for the Ruby and PHP types, maybe, but I'd rather just stick with what I know. Trying new things is what got this all lopsided in the first place. heh

I'll start fixing the warnings, and play with the code tag, when I get to work. Thanks.

Also: I don't know anything about using the float tag, except that whenever I used it, it really affected the way the site looked in different browsers. So if that's the key to freedom, your help is very much appreciated.

H · September 20th, 2005, 12:45 PM

Alright, I couldn't spot anything obvious, so I might squeeze some time in during today's lesson to get it working or even have my standards teacher take a look.

I really don't want to just provide a solution and say "here, put it in and it will magically work", so expect some explanations of why changes were made and what each thing does.

*note* I lost connection trying to post this reply, so it's being submitted much after I actually wrote it.

There are some inconsistentcies with floats, but it's primarily the older versions of IE that really suffer and of course a few major bugs in IE6 (one of which I dealt with the other day). I'll try to offer a bit of help with them, but I suspect they might be the cure for your situation.

**Kayla** · September 20th, 2005, 3:39 PM

Ghost, I love your site (ozmm), it is EXCELLENT.

H · September 20th, 2005, 9:25 PM

I manage to essentially accomplish what you wanted, but since I didn't want to rewrite your code, I had to hack-n-slash to get it working. I really can't sit down and explain it though, mainly as I'm pretty much passing out from lack of sleep since school began, so if you have and questions or concerns, just post and I'll answer to the best of my ability.

A ZIP is attached as it's definately easier to download the HTML you're working with and edit it so it can be viewed locally.

Sorry for the long delay, but with reading, sleeping, lectures and my favourite exercise of "here's a huge Flash assignment that relies on creativity.. you have 4 hours to complete it".

I will note that with your dynamic tables (width is a percentage) that it will look funny at certain resolutions, so I do suggest either making it static or fixing the shotty job I did at making it at least function how you're wanting it to in IE.

**ghostcop** · September 20th, 2005, 10:32 PM

Kayla, thank you much for the compliment. It made my day. =)

And Haug, you too are making my day by being so helpful. I am going try the changes now. I'll let you know how it goes.

September 20th, 2005, 3:54 AM	#1 (permalink)
ghostcop Surpass Fan On a golden path... Joined in Nov 2004 Lives in San Francisco 364 posts Gave thanks: 0 Thanked 3 times	Internet Explorer Woes I don't have a Windows computer at home right now because of the move, so I can't really spend a lot of time poking my site and fixing what's wrong. But, something is wrong. The URL is http://ozmm.org. In Firefox and Opera it seems to render properly, but in IE it's all lopsided. Anyone have any ideas? I'm thinking it's because IE doesn't like the way I try and move the body table around, but that's just a guess. Stylesheets are http://ozmm.org/stylesheets/tumblog.css and http://ozmm.org/stylesheets/types.css And I know it's lopsided because I hopped on it at work today. Only long enough to frown. Thanks in advance. __________________ Err the Blog ones zeros majors and minors - a tumblelog

September 20th, 2005, 11:58 AM	#5 (permalink)
ghostcop Surpass Fan On a golden path... Joined in Nov 2004 Lives in San Francisco 364 posts Gave thanks: 0 Thanked 3 times	Well the code div itself is outdated. I could use the code tag for the Ruby and PHP types, maybe, but I'd rather just stick with what I know. Trying new things is what got this all lopsided in the first place. heh I'll start fixing the warnings, and play with the code tag, when I get to work. Thanks. Also: I don't know anything about using the float tag, except that whenever I used it, it really affected the way the site looked in different browsers. So if that's the key to freedom, your help is very much appreciated. __________________ Err the Blog ones zeros majors and minors - a tumblelog

September 20th, 2005, 10:32 PM	#9 (permalink)
ghostcop Surpass Fan On a golden path... Joined in Nov 2004 Lives in San Francisco 364 posts Gave thanks: 0 Thanked 3 times	Kayla, thank you much for the compliment. It made my day. =) And Haug, you too are making my day by being so helpful. I am going try the changes now. I'll let you know how it goes. __________________ Err the Blog ones zeros majors and minors - a tumblelog

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

September 20th, 2005, 4:20 AM	#2 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,084 posts Gave thanks: 48 Thanked 131 times	I could only briefly look, but it could be related to invalid CSS. http://jigsaw.w3.org/css-validator/v...1&profile=css2 I'm not entirely sure, but typically box modelling makes use of the float attribute of a selector element. If it's not solved tomorrow I'll take a more indepth look --- I just found IE the other day and it's usually not fun.

September 20th, 2005, 11:53 AM	#4 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,084 posts Gave thanks: 48 Thanked 131 times	Try strict just for the hell of it... It might make a difference. By the way.. I noticed you're using a div with the class 'code' for your code blocks... Why not just use the code tag? It'd make more semantic sense. Just curious is all. Also, the CSS validation wasn't reporting errors, but there were some warnings floating around... Some of which I strongly suggest fixing (like the body background color). I need make my lunch and do some little things.. then I'll take a good 15 minutes trying to figure out the IE bug.

September 20th, 2005, 12:45 PM	#6 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,084 posts Gave thanks: 48 Thanked 131 times	Alright, I couldn't spot anything obvious, so I might squeeze some time in during today's lesson to get it working or even have my standards teacher take a look. I really don't want to just provide a solution and say "here, put it in and it will magically work", so expect some explanations of why changes were made and what each thing does. note I lost connection trying to post this reply, so it's being submitted much after I actually wrote it. There are some inconsistentcies with floats, but it's primarily the older versions of IE that really suffer and of course a few major bugs in IE6 (one of which I dealt with the other day). I'll try to offer a bit of help with them, but I suspect they might be the cure for your situation.

September 20th, 2005, 3:39 PM	#7 (permalink)
Kayla Marketing Maven Surpass Staff Joined in May 2003 Lives in Orlando 24,749 posts Gave thanks: 946 Thanked 806 times	Ghost, I love your site (ozmm), it is EXCELLENT.

September 20th, 2005, 9:25 PM	#8 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,084 posts Gave thanks: 48 Thanked 131 times	I manage to essentially accomplish what you wanted, but since I didn't want to rewrite your code, I had to hack-n-slash to get it working. I really can't sit down and explain it though, mainly as I'm pretty much passing out from lack of sleep since school began, so if you have and questions or concerns, just post and I'll answer to the best of my ability. A ZIP is attached as it's definately easier to download the HTML you're working with and edit it so it can be viewed locally. Sorry for the long delay, but with reading, sleeping, lectures and my favourite exercise of "here's a huge Flash assignment that relies on creativity.. you have 4 hours to complete it". I will note that with your dynamic tables (width is a percentage) that it will look funny at certain resolutions, so I do suggest either making it static or fixing the shotty job I did at making it at least function how you're wanting it to in IE.

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