Click here to Skip to main content
15,899,124 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
How to avoid page content wrapping when resize the window?
i mean when user resize his browser window or page content is
larger then available browser windows size, then the page content
should not be wrap, instead of scroll should appear,
so how can i do that?

To avoid page content wrapping, i have used white-space: nowrap;
in my body tag, then scroll does appear but body tag does not increase
its width. content goes out of body tag and scroll part shows with white
background(body and form width set as 100%), can any one help me?

i have used menu in my form so when i resize browser then it's only wrap,
i want the scroll when browser size decrease.please help me.
Posted
Comments
thatraja 18-Nov-10 6:31am    
Is possible to attach your page's screenshot? so that it will help you quickly to get the answer

1 solution

hey,
create a wrapper div and add all the contents to that div.and set the width of wrapper div to some static value e.g. 1000px;

set Overflow property(CSC) of the wrapper div to autoScroll.

Hope it will help.
regards
Ahsan Sarfraz
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900