 |
 |
CSS quirks in winIE?
|
 |
|
 |
|
Mac Elite
Join Date: Jan 2001
Status:
Offline
|
|
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.
)
|
|
|
| |
|
|
|
 |
|
 |
|
Mac Elite
Join Date: Jan 2001
Status:
Offline
|
|
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
|
|
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
|
|
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. 
|
|
|
| |
|
|
|
 |
|
 |
|
Senior User
Join Date: Mar 2004
Status:
Offline
|
|
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
|
|
|
| |
|
|
|
 |
|
 |
|
Grizzled Veteran
Join Date: Sep 2001
Status:
Offline
|
|
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.
|
|
|
| |
|
|
|
 |
|
 |
|
Mac Elite
Join Date: Jan 2001
Status:
Offline
|
|
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
|
|
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&sid=43
|
|
|
| |
|
|
|
 |
|
 |
|
Grizzled Veteran
Join Date: Sep 2001
Status:
Offline
|
|
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
|
|
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?
|
|
|
| |
|
|
|
 |
|
 |
|
Grizzled Veteran
Join Date: Sep 2001
Status:
Offline
|
|
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
|
|
|
| |
|
|
|
 |
 |
|
 |
|
|
|
|
|

|
|
 |
Forum Rules
|
 |
 |
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
|
HTML code is Off
|
|
|
|
|
|
 |
 |
 |
 |
|
 |
|