CODEWITHSUNDEEP
cssgoogle-chromewebkit
Ethan Reesor
Ethan Reesor

Reputation: 2180

More Webkit Fail

This is a follow up to my previous question.

My code is still here: http://jsfiddle.net/firelizzard/ASdMq/

In Chrome Beta (WebKit):

Webkit Rendered

In Firefox (Gecko):

Gecko Rendered

Gecko is rendering this code how I want it. Again, what is up with webkit?

EDIT: I forgot to mention, my beef with webkit is the fact that the dark grey area is not centered.

Upvotes: 0

Views: 74

Answers (1)

powerbuoy
powerbuoy

Reputation: 12838

I'm sorry to say that the HTML in your JSFiddle is far from optimal. You really should never ever use tables for layout. Not only do they require a bunch of unnecessary markup, they confuse screen readers and search engines and are more difficult to style than "normal" elements.

Here's a modern take on the design you're trying to achieve: http://jsfiddle.net/UzPjW/

I've left comments in the CSS that should explain what's going on.

Upvotes: 3

Related Questions