IE6/Win margin/padding trouble — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

IE6/Win margin/padding trouble

This page's ID: 11090

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	I've tested this page under Opera 7 and IE, but they didn't render the CSS properties exactly in the same way. I've taken two screenshots to show you the difference : [url=http://moon.ombre.free.fr/images/opera.jpg]Opera[/url] [url=http://moon.ombre.free.fr/images/ie.jpg]IE[/url] It seems that Opera renders some elements differently, especially your <h3> and the menu elements. Otherwise, I have two remarks about the CSS code itself : - In the file named 01.css, in the class bigCode, there is a ":" that you need to replace by a ";" - I can also read : [code]a, a:visited { display: inline; padding: 0px 2px; text-decoration: none; [b]border-bottom: 1px dashed black;[/b] color: #fa6; [b]border-bottom: 1px dashed #fa6;[/b] }[/code] Even if I think I understand what you wanted to render (a dashed line alternating black and yellow parts, right ?), it doesn't work, neither under Opera 7 nor under IE. I believe you can remove one of the two lines. Now, about the content problem, the only way I've found to fix it is to set a fixed padding in the content class. For example, instead of "padding: 2%" you should write "padding: 5px". Your design won't be as 'liquid' as it was, but the bug under IE will vanish. Now I'll take a look at the linkbar... Edit: grammar... [url=http://faq.ozoneasylum.com/1226/rating/] [img]http://moon.shadow.free.fr/images/sigs/index.php[/img] [/url] [This message has been edited by Moon Shadow (edited 10-30-2003).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu