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

Popular posts from this blog

jQuery clickable div with working mailto link inside -

WPF: binding viewmodel property of type DateTime to Calendar inside ItemsControl -

java - Getting corefrences with Standard corenlp package -