CODEWITHSUNDEEP
htmlcsswordpress
hot_barbara
hot_barbara

Reputation: 542

why are some of my site's elements positioned differently across multiple browsers?

site in progress: http://www.modernfuture.net/wordpress

my site is finally looking and behaving as expected in Firefox 23!

However if I view the site in Chrome 29, or Safari 5, my social div, logo image, and featured post image are positioned differently than expected.

Any thoughts on what's causing this?

Also this site looks completely different than expected on my Galaxy S3 but I should probably save this question for a different thread. Either way not sure if it has something to do with this cross-browser funkiness or not but thought I should mention it regardless.

Thanks for your help SO!!

Upvotes: 0

Views: 74

Answers (2)

David Millar
David Millar

Reputation: 1878

The layout seems to be based on a really funky set of relative positioning without a solid base. For instance, the header's pieces could be made into inline-block elements and vertically aligned before fine-tuning with position:relative;

Upvotes: 1

Ibu
Ibu

Reputation: 43850

Use a CSS reset and it will minimalize the differences between browsers.

Here is an example

Upvotes: 1

Related Questions