Table breaking div

Hia,

I am trying to redesign my css based design. I now have a header, left floated column, main colum, and a footer that fits along the bottom (I was pleased to get this far).

However when I have a table in the main column, it is liable to break out beneath the left column when the browser window is small (in IE only). This is occuring without fixed widths in the table.

To see the type of page I'm trying to fix, without the floated left column, it is here:
an event list

I have tried at length to find the answer and would greatly appreciate any fresh ideas.

Anax

Newbie Poster

24 posts since Mar 2006

Reputation Points: 10

Solved Threads: 0

5 Years Ago

0

You can style your table elements with "nowrap" to force the table to be a certain width. That way instead of collapsing when the window is tiny, users will have to scroll instead.

td { white-space: nowrap; }

tgreer

Made Her Cry

Team Colleague

2,118 posts since Dec 2004

Reputation Points: 227

Solved Threads: 37

5 Years Ago

0

You can style your table elements with "nowrap" to force the table to be a certain width. That way instead of collapsing when the window is tiny, users will have to scroll instead.
td { white-space: nowrap; }

That didn't quite work (forcing the table out), but it led me to straight to the solution which was