Browser comatibility issue

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

mikeychan

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

http://kokorosweet.com/blog/

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?

opifex

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,

<div class="headline clearfix">

doesn't exist... it would be

<div class="headline">

<div class="clearfix">

you probably want it to be "headline," I'm pretty sure.

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

mikeychan

opifex;1043496 wrote:
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,
<div class="headline clearfix">
doesn't exist... it would be
<div class="headline">
OR
<div class="clearfix">
you probably want it to be "headline," I'm pretty sure.

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

thanks spock I'll get right on it

mikeychan

I validated this and nothing is wrong,

is there anyway to fix this?

opifex

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 maybe the "outline" div was left open hard to count through the nesting). What are you using to validate your pages?

Another possible problem is that IE still has problems with xhtml sometimes (depending on version) if you don't set the content-type to "text/html"...

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

mikeychan

opifex;1043771 wrote:
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?

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.

opifex

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.

mikeychan

opifex;1043776 wrote:
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.

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