Firefox and IE Problems

[mvilares]

Ok, I've looked and looked and can't figure out why IE isn't showing my site properly as Firefox is showing it just fine. The border around the top thumbnails (just below where it says 3 Horizons) and the previous/next thumbnails just below the image show a blue border in IE, but shows the way it is supposed to be in Firefox (with a grey border). I figured it has something to do with visited links or something similar, but I've looked through my CSS and just about everywhere and can't figure it out. If anyone has any ideas I would greatly appreciate some feedback.

I'm using Pixelpost 1.5.

My site: http://www.3horizons.com

Many thanks
Marcelo

[blinking8s]

moved to design and front end section

i dont have IE on the mac at the moment, but I'll try to take a look tomorrow if I get a chance

[Connie]

did you set some CSS attributes for links, visited links, the pseude-formats for links?

I think the blue border is because of CSS-style for links and not for images ...

I won't tell you that IE is a piece of **** concerning CSS and other things, but I for sure are convinced of that ;=)

[mvilares]

I agree that the problem is with links and not images. I think I may try to add some additional code to the CSS specifiying visited links, active links, etc.

I also think IE is worth as much as gum on my shoe when it comes to CSS. The only reason I want to fix this is for all the people still visiting my site using IE.

[Connie]

Marcelo,

that is the only reason for keeping up CSS for IE: the visitors who come...
but on the other hand that is a cat biting in her own tail unfortunately ;=)

[mvilares]

Alright, IE is just so frustrating. I added extra CSS attributes for links but still nothing. I'm still getting the blue around the thumbnails. Anyone have any suggestions?? Oh, if only we could all be using Firefox...the joy!

Marcelo

[blinking8s]

something like

img {
border: none;
}

will kill the blue around the links in the thumbnails/linked image...use google, tons of css info for issues like that out there...i ran a search for 'image blue border ie' and several solutions were on the first few pages

[Connie]

the thumbnails are defined with the class .thumbnails
this class has the attribute "border:none"

it seems that IE does not interprete the class for the image, so add an attribute for img as well, as Blinking8 pointed out

[GeoS]

img {
border: none !important;
}

This will kill all borders around all pictures.

[blinking8s]

well, yes and no, if you apply something like #img thumbs { and then give different properties for the different states of imagesthen it will only kill unapplied border properties that IE is picking up

anyways, google has a billion and a half answers for this, as well as older posts on css design sites

[kidleethal]

Hi,

I had the exact same problem when trying to get IE and Firefox to look the same with my template. Here's how to fix it:

If you haven't already done so, put the pixelpost tag <THUMBNAILS_WHOLE_PAGED> inside a div element. If for example, the id of that div is 'catthumbs', then you need to add the following to your CSS (change the colours to suit):

#catthumbs a:link img {
border-color: #c2c2c2;
}

#catthumbs a:visited img {
border-color: #c2c2c2;
}

#catthumbs a:hover img {
border-color: #3084bf;
}

The colours will now display correctly in all browsers.

[mvilares]

Thanks kidleethal. I'll try that and post back here with updates.

[Headinstars]

Hello,

I have also a problem with my site.

It's posted well with firefox 1.5, but is ugly with IE 6.

I think that the problem comes from Css but why???

Here my site: http://www.headinstars.com/pixelpost

Thank you

P.S: Excuse me for my very school English

[raminia]

btw,
visit http://www.raminia.com/ppwiki/index.php/FixTemplateVariation