Browser comatibility issue

@mikeychanOct 24.2009

I was wondering if anyone could help me out with this….

~~[url]~~http://kokorosweet.com/blog/[/url]

I am designing a wordpress blog and everything in it looks fine in firefox, opera, and chrome

But once I view it in IE (which I’m now beginning to despise from a designers point of view) the date sand title section is completely jacked up.

what is causing this?

what can i do to fix it in IE but let it remain the same in the other browsers?

to post a comment

CSS

7 Comments(s) _↴

@opifexOct 24.2009 — #You have a few errors in your html and 4 "real" errors in your css.

The worst errors in the html are putting a div tag inside a p tag several times and the rest are related to poor embedding practices of your SWF.

The css error that might be affecting IE is that you are using bad lengths in the padding (see css errors).

Also, [code=html]<div class="headline clearfix">[/code] doesn't exist... it would be
[code=html]<div class="headline">[/code] [B]OR[/B] [code=html]<div class="clearfix">[/code]
you probably want it to be "headline," I'm pretty sure.

[B]PLEASE[/B] validate your HTML [B]&[/B] CSS before posting.... you could find a lot of problems yourself just by doing that. oh, and there [B]is[/B] a Sticky Note in the forum about that.

@mikeychanauthorOct 24.2009 — #You have a few errors in your html and 4 "real" errors in your css.

The worst errors in the html are putting a div tag inside a p tag several times and the rest are related to poor embedding practices of your SWF.

The css error that might be affecting IE is that you are using bad lengths in the padding (see css errors).

Also, [code=html]<div class="headline clearfix">[/code] doesn't exist... it would be
[code=html]<div class="headline">[/code] [B]OR[/B] [code=html]<div class="clearfix">[/code]
you probably want it to be "headline," I'm pretty sure.

[B]PLEASE[/B] validate your HTML [B]&[/B] CSS before posting.... you could find a lot of problems yourself just by doing that. oh, and there [B]is[/B] a Sticky Note in the forum about that.[/QUOTE]

thanks spock I'll get right on it

@mikeychanauthorOct 26.2009 — #I validated this and nothing is wrong,

is there anyway to fix this?

@opifexOct 26.2009 — #Don't know where you validated, but W3C still fails the page.... your page html & your css

I see that you did change "headline clearfix" to "headline" but everything else is "as was " except that [I] maybe [/I] the "outline" div was left open hard to count through the nesting). What are you using to validate your pages?

Another [I]possible[/I] problem is that IE still has problems with xhtml sometimes (depending on version) if you don't set the content-type to "text/html"...
[code=html]<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />[/code].

@mikeychanauthorOct 26.2009 — #Don't know where you validated, but W3C still fails the page.... your page html & your css

I see that you did change "headline clearfix" to "headline" but everything else is "as was." What are you using to validate your pages?[/QUOTE]

firefox, opera, and chrome are w3 compliant just thought I'd throw that out there. the page appears fine in all three. most of the errors are not even relevant to my problem and mean nothing over all.

just give me a answer don't sit here and act condescending.. do you know what the problem is or not.

@opifexOct 26.2009 — #LOOK at the NON valid code aa shown by the validator....

"compliant browser" means that the browser renders according to the W3C standards... it doesn't mean that the browser acts as a validator! Wow... I was editing my reply when you decided to blast me...

The folks here that try to help and guide are doing it because they want to help you to learn... they aren't here to fix all your mistakes for you, the will try to point you in the right direction on some things and might even share some code on "interesting" problems. Sorry, your inability to be bothered to look at the errors and fix them yourself doesn't count as "interesting."

I'm out... good luck.

@mikeychanauthorOct 26.2009 — #LOOK at the NON valid code aa shown by the validator....

"compliant browser" means that the browser renders according to the W3C standards... it doesn't mean that the browser acts as a validator! Wow... I was editing my reply when you decided to blast me...

The folks here that try to help and guide are doing it because they want to help you to learn... they aren't here to fix all your mistakes for you, the will try to point you in the right direction on some things and might even share some code on "interesting" problems. Sorry, your inability to be bothered to look at the errors and fix them yourself doesn't count as "interesting."

I'm out... good luck.[/QUOTE]

You didn't even give me a fare shake at the beginning man.. I had a problem and then you talked to me about how I should have read the CSS introductory message about validating first. which kind of pissed me off.

I took your advice and validated, fixed the errors and nothing happened.

you said validate it again, fixed the flash issue and what have you, nothing happened. I'm not gonna get talked to like a child from anyone okay. In the future please show common courtesy to others when addressing issues and not act in a condescending manner. superdork

Also in #CSS _↴

Rollover with an animated gif automatic sprite creation [RESOLVED] Content magically disappears

Success!

Help @mikeychan spread the word by sharing this article on Twitter...

Tweet This

Browser comatibility issue

7 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Browser comatibility issue

7 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

7 Comments(s) _↴

Also in #CSS _↴