CODEWITHSUNDEEP
javascriptjqueryhtmlcssdom
Miura-shi
Miura-shi

Reputation: 4519

stop div moving when browser resized

I am using a jQuery fade in/fade out effect with divs, you can see the example here:

http://jsfiddle.net/EgDqy/13/

My problem is, when I bring them into my main page, whenever the browser is re-sized or made smaller they start to float away from the area where I need them to be and it messes up my layout and design. Should I wrap them in another div somehow or is there another method to keep them from shifting when the browser is re-sized? As always, thanks to anyone who can supply assistance on this. Greatly appreciated.

Upvotes: 0

Views: 381

Answers (1)

Danil Speransky
Danil Speransky

Reputation: 30473

Don't use align="center" in html. Use css propery margin like this:

margin: 0px auto;

Then the block which has such property will be in center of outer block.

Upvotes: 2

Related Questions