images and elements falling off the edge of div when window gets smaller?

Question

I have a centered div element with images, gif actions, menu bars, etc.  but when it is opened into a window that is too small the elements fall down to the next line instead of hiding.  
I've never seen this happen before!  Only in tables that are too small. But im not using a table, promise! (I despise thee, o table).  
But anyway, what can i do to get my elements to float and stay in place rather than jump to the next line?

Tobias · Accepted Answer

You can do this by defining the CSS overflow property. I think the correct value of overflow is 'hidden' in this case. By this, the outer div box should just stay in line and, if overflowing, the browser shouldn't put them in a new line. This is the code:

More information for example on http://www.w3schools.com/Css/pr_pos_overflow.asp

Anonymous · Answer

Use percentages for a more fluid page, but if you want the overflow to hide, use: overflow: hidden;

Ron

images and elements falling off the edge of div when window gets smaller?

2 Answers