Search code examples
htmlcsscross-browseralignment

Horizontal align not working in Firefox and IE


My site seems to perfectly runnning on Google Chrome but when it is viewed in Firefox or IE, The alignment it completely awkward. Can somebody please help me sort this issue. Thanx in advance.

The link to the website is :

The problem with firefox/IE is that the 3 boxes are not aligned in the middle. where as in chrome it is aligned to the center which is exactly what i want.

Regards


Solution

  • your content box is inline-block; and is floated left.

    make it block display:block, align to the center margin:0 auto; and remove float. I think this should help.

    and same for other boxes as well