I have a three column page setup. I keep running into the problem when I re-size my browser horizontally, the words will run into eachother from column one, which is the navigation, into column two, which is the content area.
The third column is fine in that it is just an image advertisement and it does not resize.
The problem is that the first column will run into the second column only when it gets very small. I tried using the min-width and max-width css properties but they did not work.
For the sizing I have the <div> container that contains my whole page set to 100%. Then I have column one which is floated to the left set to 12%, then column three which is floated to the right set to 18%, then I have the middle column's margins set margin-left:13% and margin-right:20%
What can I do so the boxes automatically stop at a certain point instead of keep minimizing? I would like the content to resize somewhat, but stop after a certain point.
Here is an example of what I want to happen, NZBMatrix . com
^When you resize that, the columns eventually stop instead of continuing to minimize.
Thanks for any input.