CODEWITHSUNDEEP
javascriptcssfirefox
Chankey Pathak
Chankey Pathak

Reputation: 21666

float right alignment issue in Firefox

Check this Fiddle. Notice the arrow icon, it's in first row (in Chrome and IE). When I open the same in Firefox its alignment gets changed. Why does it happen? What's the solution?

.arrow{
   float:right;
}

PS: The solution which Imran and Kheema are suggesting is not what I want. I don't want to change the HTML structure, in that case I'll have to make changes in a lot of places.

Upvotes: 0

Views: 248

Answers (1)

Kheema Pandey
Kheema Pandey

Reputation: 10265

Please look at this Demo. the arrow have same position in Firefox as appears in Google.

so what i do here. I switch the line i.e. put the spantag before the a tag.

<span class="arrow arrow_up"></span>
<a href="doc4.html" name="doc4" target="_blank">doc4</a>
<div style="" class="toggle"><div>

Another Solution is remove the white-space: nowrap; from th and td

th, td {
    /*white-space: nowrap;*/
}

Check the updated Demo.

Upvotes: 1

Related Questions