|
|
Posted by jojo on 07/26/06 19:07
Jonathan N. Little wrote:
>>>> The problem is: I created a CSS class for external links, they show an
>>>> icon at the right, like the blue one in Wikipedia. It all works fine in
>>>> FF, but IE seems to ignore the background-repeat:no-repeat and it looks
>>>> like he is starting the image on the left instead of the right
>>>> (background-position: center right;)
>>>>
>>>> a.external {padding-right:18px; background: url(external.gif) center
>>>> right no-repeat;}
>
> Isolating your style .external and link code works fine in both FF and IE
>
> but your multiple stylesheets are very complex
I tried to split it in four parts:
-default.css which specifies the style of all HTML elements I want to
use (I first applied "inherit" or "none" to all properties I could think
of having different default values in different browsers)
-layout.css which positions the logo (or the div where the logo will be
later), the menu and the content
-classes.css which defines some basic CSS rules like a two column layout
or a external link
-colors.css which specifies three different color-themes (blue, red and
green)
> so you have a conflicting
> rule somewhere,
Yeah, I had, already fixed it, see my reply to Els' post
> my advice is:
>
> 1) in DOM inspector see that the specified and computed style for the
> link is.
>
> 2) strip stylesheets to minimum and then add bit incrementally and test
> to isolate where the problem is... tedious but effective when your have
> so many variables....
Thank you much for your advice, although I already fixed the problem.
Maybe it will help me next time something goes wrong.
BTW: I deleted the DOM-inspector extension by mistake and found no way
to download & reinstall it again... Does anybody know any website where
I can download a .xpi for the DOM inspector? (Yeah, I know it's the
wrong NG, I should ask it in a FF NG)
Navigation:
[Reply to this message]
|