Ie Has Me Stumped

[shakes]

For anyone who is good with CSS ...

 

I'm building my newest website and IE has me stumped. I'm seeing some of the strangest things I've ever seen. If some of you have some time please have a look and see if you can figure out what's causing the issues.

 

Like I said I'm having issues in IE ... mozilla, opera, and all the STANDARDS complient browsers are just fine. So if you have both installed you can check these pages in a standards complient browser to see how it should look.

 

PAGE: http://www.jackshakes.com/weblog.php

ISSUE: I am using the H2 tag for the date header of my blog. Notice the first date header (currently Oct 11) is not formatted like the others. The color and size are ok but IE is not showing the top and bottom border. However, it does show it for all the rest of the dates. These are created via movable type so the same code is generated for each code block.

 

PAGE: http://archives.jackshakes.com/

ISSUE: On this page ... both 'weblog' and 'the g-files' should be surrounded in a box with a darker grey background. Hovering over them should change the backgroudn to a lighter grey. Again, works fine in Mozilla ... but IE effs it all up.

 

 

I think that's it for now ... the style sheet these pages use is here ... which internally links to this style.

 

Thanks for the input ... now for a short rant ...

 

I'm so absolutely sick of microsoft and their "we can do whatever we want and the vast majority of the general public will swear it's the best product around". Microsoft ... the company who has the gal to throttle downloads coming from microsoft.com so that people using IE can download files faster. I've seen it muself ... started a download with mozilla ... was downloading at about 20kbps ... started a download of the same file on the same PC with IE and was pulling 90kbps.

 

this is the same company who not too long ago would display a much less content rich website on msn.com to opera users ... and then had the gal to say it was because of certain 'standards' other browsers don't conform to ... even though opera probably has the most extensive list of W3 standards it conforms to. Even still, let's take M$s word for it ... Open opera, tell it to lie to the webserver and claim it is IE (which only changes what it reports itself as, it still interperets the page the same) ... and magically the REAL msn.com is displayed... amazing. (M$ still does this a little today .. checkout ms.com in IE and in a standards browser and you'll notice some subtle differences)

 

and let's not forget IE is singlehandedly (sp) holding back the use of PNGs ... that amazing image type that has an alpha layer to allow us to achieve TRUE transparancy ... yeah, well everyone supports it EXCEPT IE... how nice of them.

 

sure it's better than the days of having to test coding on 5 different browsers and platforms .. now we're down to about two (MSIE and everyone else) ... but it absolutely chaffs me that we finally get to a point to where a community is writing good, solid web standards, and pompos bastards like bill gates think they are too good to comply.

 

i urinate on microsoft and all it stands for.

 

ok ... enough of that ... thanks all for any help ..

[TCH-JimE]

Hi,

 

It would seem like the usual CSS problems with IE which is very picky about how and when CSS is used in a page.

 

First of all, copy the code into a new page, so its not directley working off the blog. Then copy all the CSS into the <Style> tags rather then linking it off and see how it works then. You be surprised what does and does not work then.

 

Also, I know its easy and should be able to do it like this:

 

>a:link, a:visited { color: #333; text-decoration: underline; }
a:active, a:hover { color: #333; text-decoration: none; }

 

But IE proberley likes it like this:

 

>A:Link{
Color:#333;
text-decoration: text-decoration: underline;
}

A:Visited{
Color:#333;
text-decoration: text-decoration: underline;
}

A:Hover{
Color:#333;
text-decoration: none;
}

A:Active{
Color:#333;
text-decoration: none;
}

 

Your H2 first problem is proberley down to IE being unable to build the CSS up correctly. Solution? There is not one really. Play a bit more around with your page. I often just create blank pages to work on, and say put just H2 tags in with only H2 in the CSS and see if that works. Then if it does, I bring in more parts of the page until it falls apart.

 

Jim

[shakes]

a guy over at experts exchange found an answer.

 

i had the position set to relative for the DIVs containing the data in question. That was throwing IE off for some reason. The position tag didn't need to be set because the explicit width and float tags positions it properly.

[TCH-JimE]

Hi,

 

Intresting! Well done to that bloke

 

Jim