Topic: Good Morning, does IE8 Suck for Anyone Yet?

I just started working with this thing and it's terrible, doesn't render right, and it wouldn't be so bad if it was at least consistent....

When I initially load the page, well then it isn't that bad...I get maybe a little problem with the menu:
(Update: which I fixed using IE7 Compatibility mode for IE8:

<!-- Meta tag for IE8 so that it always displays the site in IE7 Compatibility mode -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

)



But if I reload the page...using F5 or the Reload button...I get the following...



Seriously, is this thing really out of beta? alpha even? This is bad even for Micro$oft!!!



- AIM: MASKKKK

01001101011000010111001101101011011010110110101101101011

I've actually been... I don't want to say impressed, but pleasantly surprised at how much less it sucks than what I expected. I haven't used it much yet, so I'm sure I'll find plenty of new things to hate about it, but upon a preliminary look at a lot of sites, it seems to do well.

About your code:
Does it work okay in Firefox?

From the screenshots, I can tell you right now you're coding it wrong regardless.

Finally, the opt-in IE7 rendering via meta tag. This is proprietary code, which is bad for the internet; more importantly you certainly do not need it.

That's... bad! Are those two halves two different elements that are floated? ('Cause then the problem could just be inconsistent text wrapping having a negative effect on floated elements.) Or is IE8 actually slicing one element in half?

----------------------
dA

Is that a unicorn zebra, a unicornebra? And is that a pigebra?
Haha! Funny

[edit]
Realizing that there are no unicorns, but a flying horse zebra..
[/edit]

(Edited by Karl on 03-23-2009 23:38)

@reisio
Yeah, it works in Firefox, Chrome, IE6, IE7, Safari...just not IE8...

And I split the image in half, maybe that was bad, I should opt for something like one big image and use CSS Sprites to emulate an image map...what do you think?

(Also the damn images load way too slow if you are on 100MB per second)

@Karl
I don't do the marketing around here...I was given this to throw up on the Internet by the marketing department.

I'd break the image and the layout, but not in half. Give each chunk its own DIV. I'd also ask your marketing department for a text-less copy of the image, and then use CSS to overlay the text on it -- people with screen-readers'll be able to access it better that way.

IMHO your marketing department's design looks like it'd work well in a magazine, but not on the 'Net. Please tell me they don't want the whole site looking like that.

----------------------
dA

@DavidJCobb Well to be fair, they were just throwing this one up pretty fast. There's a better design in the works, but I just need enough time to put it up, and thus far the clients haven't given me that.



- AIM: MASKKKK

01001101011000010111001101101011011010110110101101101011

K. Well, good luck trying to get it to work.

----------------------
dA

I no longer think I'm the only one having this issue...for instance, I opened up Google Analytics yesterday (and then refreshed the page) and here is what I saw:





Notice how the sidebar is all down on the bottom instead of on the side?

(Edited by Maskkkk on 03-27-2009 14:56)

Google Analytics has exactly the same behavior that I get when loading http://www.xebra.com/

If I load up the site by pressing <enter> on the address bar, everything looks fine.

But if I press the F5 key or refresh button, the site looks as it does above.



- AIM: MASKKKK

01001101011000010111001101101011011010110110101101101011

a little off topic, but are you going to be optimizing the size of the images on the page? I went to take a look and it takes me a really long time to load the site. initial load times were around 1 minute.

According to YSlow toolbar, you have 5 CSS background images totaling 1083K and 4 images totaling 487k.

That isn't up to me...my boss is really finicky about the quality of the images that are displayed...*herm*...yes I think that's stupid too...

P.S. They have Gigabit Ethernet...(and yes, I realize the rest of the world doesn't!)

(Edited by Maskkkk on 03-27-2009 19:59)

I think I see the problem: IE8 is being retarded with floats. Why this retardation is triggered by refreshing is unknown to me but the fact that it happens is no surprise -- I expected (I think we all did) IE8 to screw up some hugely-important aspect of web coding.

----------------------
dA

apparently MS's own sites break in IE8 as well. MSN, Microsoft.com...all of them. Nice!

Later,

C:\

quote:

---

CPrompt said:

apparently MS's own sites break in IE8 as well. MSN, Microsoft.com...all of them. Nice!Later,C:\

---

Dude, are you serious? That's hilarious! Reminds me of a pic someone posted at my forum -- the URL's here, I'm not including it directly because its brightness level would very painfully contrast with that of this forum.

----------------------
dA

quote:

---

DavidJCobb said:

Dude, are you serious?

---

very

@reisio : i see that's vista you're using there...captainAmazing

Later,

C:\

Hm. If only there were a web development equivalent to FailBlorg.org ... I know what I'd call this fail: "Standards Fail".

----------------------

dA

(Edited by DavidJCobb on 03-28-2009 14:38)

You mean there are still peeps out there using IE?

Whatever for?

WebShaman | The keenest sorrow (and greatest truth) is to recognize ourselves as the sole cause of all our adversities.
- Sophocles

I have to say though, there is no perfect browser, I use FF on Ubuntu and it's a pain in the arse, however I don't envy you using IE8

Ah,
*ahem*

Anybody know where I can submit this gargantuan bug to M$? So they can fix it in SP 8 of Windows Vista?

It's worth a try anyway...



- AIM: MASKKKK

01001101011000010111001101101011011010110110101101101011

Say did they maybe fix this? I tried to replicate the bug today in the two sites I mentioned, and it doesn't seem to happen anymore...

quote:

---

Maskkkk said:

That isn't up to me...my boss is really finicky about the quality of the images that are displayed...*herm*...yes I think that's stupid too...

P.S. They have Gigabit Ethernet...(and yes, I realize the rest of the world doesn't!)

---

The backgroundghost.png is 1MB. You could add the background color to the image, and save it as a 100% quality jpg, and be around 150k.

Maskkkk: we've got a 1GB line here ( ok it's for ~300 people ) and that xebra page took a whooping 39 seconds to load fully. That's ridiculous. Boss or not, he must realize that 1.6 MB for "that" is unacceptable.

I like how the CSS & XHTML validation badges are commented.



(Edited by poi on 03-31-2009 20:41)

Ah ha!

Someone else on the web told me that the problem was a JS debugger that I had installed (with IE7) which was causing the problem.

http://www.my-debugbar.com/wiki/CompanionJS/HomePage

I removed it and this solved the issue (so it was specific to just my browser).



- AIM: MASKKKK

01001101011000010111001101101011011010110110101101101011

Oh, so the problem was caused by an external add-on?







IE still sucks.

----------------------