Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > CSS quirks in winIE?

CSS quirks in winIE?
Thread Tools
Mac Elite
Join Date: Jan 2001
Status: Offline
Reply With Quote
Dec 6, 2005, 10:07 PM
 
EDIT: I fixed most of them, and know how to fix the last one. I just have to make sure it's valid HTML now.

My site, http://referralaccelerated.com/ renders fine in Safari, Firefox, Camino, etc. However, in winIE, there are many render issues, the main ones being that the signup table, login table, contact us table, manage lists table, etc are pushed way towards the bottom.

Any ideas? I think the problem lays in styles/lists.css

Thanks!
(Last edited by timmerk; Dec 13, 2005 at 03:34 AM. )
     
timmerk  (op)
Mac Elite
Join Date: Jan 2001
Status: Offline
Reply With Quote
Dec 6, 2005, 10:23 PM
 
By the way, I tried that IE7 css patch to make everything magically, worked, and it didn't fix anything. The results are the exact same.

Thanks
     
Grizzled Veteran
Join Date: Apr 2004
Location: Nagoya, Japan • 日本 名古屋市
Status: Offline
Reply With Quote
Dec 6, 2005, 10:52 PM
 
IE has serious issues with floating elements (among other things). If your side menu floats, try adding styles to make it position:relative and display:inline.
     
Fresh-Faced Recruit
Join Date: Aug 2004
Status: Offline
Reply With Quote
Dec 12, 2005, 12:45 AM
 
As CaptainHaddock said, IE is terrible at rendering CSS correctly. Hopefully the version of IE that ships with Vista (Longhorn) will be a bit more standards compliant.
maccrazy.net - Your
news, rumors and forums....
     
Senior User
Join Date: Mar 2004
Status: Offline
Reply With Quote
Dec 13, 2005, 01:17 AM
 
Actually your site has quite a few bugs, they SHOULDN'T render at all, it's just that Firefox and Safari handle the errors differently. Run your code through a validator, and take a look at your mistakes. I see at least 8 serious things that would cause rendering not to work.

Nex time check your work. For the look of your site, your code is nuts, HUGE, and bloated.

http://validator.w3.org/check?uri=ht...ccelerated.com
     
ism
Grizzled Veteran
Join Date: Sep 2001
Status: Offline
Reply With Quote
Dec 13, 2005, 03:20 AM
 
timmerk,

Have you sorted the issues now? HTML still doesn't validate, but the HTML and CSS certainly don't look bloated. Also renders ok in IE6 here.
     
timmerk  (op)
Mac Elite
Join Date: Jan 2001
Status: Offline
Reply With Quote
Dec 13, 2005, 03:31 AM
 
Yes, I figured out the 3 px bug that winIE has, and as for the menu spacing, a member from the forums helped me out, although I haven't implemented it yet, because I am enjoying the money made off them downloading firefox since my site doesn't render properly in winIE. :-) I also figured out all the tables.

Thanks everyone! Now I just have to make sure it's valid HTML.
     
Senior User
Join Date: Mar 2004
Status: Offline
Reply With Quote
Dec 13, 2005, 06:08 AM
 
Sorry, I didn't mean to be a jerk earlier, I just get really frustrated because I work with webpages all day, and listen to the "linux" elitist crowd scream and yell (in the office) when their pages don't render in IE, "See, I told you they were the devil!", when 99% of the time it's something stupid they didn't validate ;-)

That said IE does have quite a few CSS bugs. Luckily MS has smartly decided in IE7 to allow you to insert an HTML comment that is to the effect <IE ONLY CODE> and it will parse it in IE :-) Meaning an elegant way to fix any future IE only bugs.

Anyway, the #1 Think about IE that drives me nuts is PNG transparency, but I found a PHP module that automatically handles the PNG and makes it transparent in IE :-)

Maybe this will help you in the future: (although not related to this bug)
Getting Around PNG Transparency for IE (very elegant)
http://www.baohx.com/modules.php?op=...cle&amp;sid=43
     
ism
Grizzled Veteran
Join Date: Sep 2001
Status: Offline
Reply With Quote
Dec 13, 2005, 06:31 AM
 
The best thing about the IE only tag is putting in a paragraph telling IE users to get Firefox or something similar
     
Fresh-Faced Recruit
Join Date: Dec 2005
Status: Offline
Reply With Quote
Dec 19, 2005, 06:45 AM
 
I have a CSS problem with Firefox regarding a table made out of image slices with a URL assigned to each slice. On it's own the navigation image works fine in all browsers. Dropping it into the webpage it works fine in all browsers except Mozilla related ones like Firefox. The image gets spread apart with a gap between the image slices. It has to be related to the style sheet but right now I can't pin the problem down. Any ideas?
     
ism
Grizzled Veteran
Join Date: Sep 2001
Status: Offline
Reply With Quote
Dec 19, 2005, 07:17 AM
 
Originally Posted by 36 Days
I have a CSS problem with Firefox regarding a table made out of image slices with a URL assigned to each slice. On it's own the navigation image works fine in all browsers. Dropping it into the webpage it works fine in all browsers except Mozilla related ones like Firefox. The image gets spread apart with a gap between the image slices. It has to be related to the style sheet but right now I can't pin the problem down. Any ideas?
I've replied in your original post:
http://forums.macnn.com/showthread.p...64#post2808064
     
   
Thread Tools
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 07:45 PM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2