This happens because this div is set to float:left, but does not clear:both, so it is affected by other floating elements, and when they change size, it can be displaced in ways that affect usability.

I have simple inserted a clear:both, you can get it from this git repo:
http://shell.koumbit.net/~sofian/GIT/hostmaster.git/

the commit number is: 41f643052f1a883f31e7586917a9f91fc9d8b9ac

CommentFileSizeAuthor
#1 eldir-div_main_clear_both-1155782-1.patch617 bytessfyn

Comments

sfyn’s picture

sfyn commented
StatusFileSize
new eldir-div_main_clear_both-1155782-1.patch617 bytes

Just in case, here is a patch too

sfyn’s picture

sfyn commented
Title: div#migrate in eldir moves around during page zooms » div#main in eldir moves around during page zooms

title adjustment

anarcat’s picture

anarcat commented
Status: Needs review » Patch (to be ported)

Good thing you sent the patch, I couldn't get it from that server. :)

anarcat@desktop006:hostmaster$ git fetch sfyn
fatal: http://shell.koumbit.net/~sofian/GIT/hostmaster.git//info/refs not found: did you run git update-server-info on the server?

Committed and pushed to 2.x.

anarcat’s picture

anarcat commented
Status: Patch (to be ported) » Fixed

merged to 1.x.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.