flexible tables in internet explorer

I had a slight problem in ie 6, where i had a fixed size menu on the left and a flexible container on the right. Within this container i had a flexible table.

It displayed correctly in all browsers apart from ie6, where the table seemed to jump right down to the bottom underneath the menu, leaving a large white space. It actually looked like a rendering problem, as the containing <div> seemed to break. It would be okay at the top and okay at the bottom, but the middle wouldn’t be there. Just white.

Well after lots of playing around, I figured out a way. You need to wrap the table in a <div> and set the width of the table to 99%.

#table_container {
         width: 99%;
This entry was posted in problem solved! and tagged , , by Rob. Bookmark the permalink.

About Rob

I'm the graphic designer here at inmeres. I studied BA Graphic design with a specialism in advertising at St Martins College in London. After I graduated I worked in a label printers which gave me a huge amount of print experience and most importantly, “what not to send” printers. I then worked for a local magazine designing various adverts ranging from half page to double page spreads and editorials. I then came to inmeres! Woo! Which is a great and i'm continuing to learn a lot. Out of work i'm a bit of a wanna-be photographer. I like to get it right in the camera, i'm not one for massive retouches in Photoshop (though i've been known to break this theory when i get bored and have a bit of a mental Photoshop mash up!) You can view some of my images here
79.48% of all statistics are made up on the spot
John A. Paulos

Comments are closed.