Image placement wrong in firefox

Associate
Joined
13 Nov 2009
Posts
1,107
Hello all - I've never strayed into the HTML section before :)

A friend of mine is building a site for his singing business (workshops etc).

http://www.platinumconsort.com/

The group photo at the top of the page is wrongly aligned in firefox but works in other browsers (safari, chrome, IE9).

Not sure of the etiquette here but if anyone has any time to take a quick look / any generic advice on nailing browser compatibility that would be amazing.
 
looks broke im my safari :( and my firefox

It worked in my one but maybe different versions...? Thanks for checking.

I would say that Firefox is most likely displaying it correctly, the others are probably tweaking it to make it appear how they think it should.
Here is what is 'wrong' with the site:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.platinumconsort.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0


But I 'fixed' ithe image thing anyway.
He needs to add:
clear:both;
to the css for .wsite-multicol

Basically something is making the text next to the image float to the right, and that is pushing the image out.

EDIT:

Code:
    .wsite-multicol {
    direction: ltr;
    position: relative;
    clear: both;
}
Inside http://cdn1.editmysite.com/editor/images/common/common-v2.css?22
Should fix it.



Amazing! :D

Thank you so much for doing that. Very kind indeed.

I have passed the info on. Hopefully he should be able to just edit the common-v2.css file and get it sorted.
 
Back
Top Bottom