css - Prevent HTML elements from overlapping each other on smaller screens -
i have 2 elements on page aligned side side each other. element on left fixed. default screen resolution 1280x800. screen resolution decreases 1024x* or less, left , right containers tend overlap each other. there fix problem? how do it?
-----------------------------------------------------------edit-----------------------------------------------------------
actually, element right assigned pre-defined width , set margin:0 auto
keep oriented center of screen. element right left vertical menu, , hence, want stay fixed when user scrolls page. hence i've specified position:fixed
it.
you client side, shrinking containers appropriately in window.onresize event handler.
Comments
Post a Comment