upload box align center

[jimsweb]

I have made the upload box fixed width in my website. It works fine and centered in chrome. But it doesn't work in IE. can anyone please advise, what to do to make it centered in IE as well?

/* upload box fixed width*/
.upload-box{
max-width: 1190px;
margin: auto;
}

 

[Rodolfo]

Which is the website url? Is hard to help without seeing the problem.

 

[jimsweb]

http://cellarpix.com/

thanks for the reply

 

[Rodolfo]

Works fine on Edge and IE 8,9,10 and 11.

 

[jimsweb]

My IE version is 11.420.10586.0
I think it's the latest version. It's showing wrong alignment (left aligned). It's true it doesn't do any harm, but would have been nice if it's aligned to center. I tried with different options, but it works everywhere, except on this IE 11. Not Sure, how it worked for you... 🙁

 

[Rodolfo]

I don't actually run ie 11, I had to use edge + ie11 emulation.

 

[jimsweb]

can you please suggest if this can be fixed with a css hack? thanks for your helping hand!

 

[Rodolfo]

The editions that you are doing require a lot of knowledge of CSS and sadly, IE11 doesn't play that good with helpers like css calc and stuff like that.

I used this:

#anywhere-upload {
left: 50%;
margin-left: -595px;
width: 100%;
}

But it won't work in responsive, you will need to add the rules for each responsive step.