html - Min width in window resizing -


I have a webpage with a 100% width fluid layout.

Elements in the page overlap when I resize the browser window

I will create an effect similar to this website when the window is smaller than the size of a certain width stop size.

You can set the minimum-width property of CSS for body tags. Since this property is not supported by IE6, you can

  body {min-width: 1000px; / * Suppose you want a minimum width of 1000px * / width: Auto! Important; / * Firefox will set width / width as width: 1000px; / * As IE ignores! Important it will set the width as 1000px; * /}  

or

  body {min-width: 1000px; // suppose you want width of 1000px width _ method: expression (document.body.clientWidth> 1000? "1000px": "auto"); / * Sets max-width for IE * /}  

Comments