Horizontal scroll not working when window size is reduced

abhi86

Hi All,
In my html page in which i have used <div>'s horizontal scroll is not coming when window size is reduced.
And its taking all divisions starting from left as i justified them. but if i specify it to be right justified also then also scroll is not appearing :(

Plz HElp.
Thanks in Advance
Regards
Abhinav Mehta

henryrhenryr

Quote:

Originally Posted by abhi86

Hi All,
In my html page in which i have used <div>'s horizontal scroll is not coming when window size is reduced.

Are the divs getting smaller as the window gets smaller?

Try adding the following. You see the horizantal scroll when the window is smaller than 700px wide. If you don't apply width to the div then they will automatically try to fit inside the window.

Expand|Select|Wrap|Line Numbers

 
body {

  width: 700px

}

You can also use "min-width" which lets the divs "flow" to the edges for large screens but forces horizantal scroll bars for very small screens.

abhi86

Hi,
Thanks a lot. its working fine now. :)

Regards
Abhinav Mehta

Quote:

Originally Posted by henryrhenryr

Are the divs getting smaller as the window gets smaller?

Try adding the following. You see the horizantal scroll when the window is smaller than 700px wide. If you don't apply width to the div then they will automatically try to fit inside the window.

Expand|Select|Wrap|Line Numbers

 
body {

  width: 700px

}

You can also use "min-width" which lets the divs "flow" to the edges for large screens but forces horizantal scroll bars for very small screens.

Horizontal scroll not working when window size is reduced

re: Horizontal scroll not working when window size is reduced

re: Horizontal scroll not working when window size is reduced

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about