CODEWITHSUNDEEP
jquerycssfirefoxgoogle-chromepositioning
jwmann
jwmann

Reputation: 608

Firefox and Chrome CSS Absolute Positioning problem

This is the website in question: http://www.eportfolio.jameswmann.com/ In the 'Music' section. The image 'new'.

.new displays correctly in Google Chrome - In Firefox, it's completely in the wrong spot.

This problem could be fixed if jQuery would animate my span using 'block' or 'inline-block' rather than just 'inline'

I'm not sure if I should fix the jQuery animation or fix the placement issues between the 2 browsers.

Upvotes: 1

Views: 1042

Answers (2)

acconrad
acconrad

Reputation: 3209

I would recommend using the HTML5 Boilerplate or even its Stripped Down version to achieve a proper, industry-recognized reset that will help mitigate these issues.

Upvotes: 0

mcbeav
mcbeav

Reputation: 12275

You could try to use a css reset stylesheet to set everything to the same, and define the tags you want to so everything is consitent across all browsers. try this one:

http://html5doctor.com/html-5-reset-stylesheet/

Upvotes: 1

Related Questions