Re: Replicating a table in IE, whats the best solution?

bissatch (AT) yahoo (DOT) co.uk wrote:

width: 800px;

Wrong approach. You're making the page very difficult to use in a
reasonably-sized browser window (including a maximized window on many
devices). Design for any resolution instead.

background: #000;

Wrong approach. Never set one color without setting other colors (here,
text color and link colors).

display: table-cell;

Poorly supported, as you have noticed.

Please note, the div's 'logo', 'mainNav' and 'footer' I am happy with
the default 'block' for display. However, 'subNav' and 'content' I
would like to display as two columns side by side.

Simply leave the widths unspecified, defaulting them to auto (=
available width), except - in your case - 'subNav', for which you could
set the width using the em unit, together with float: left.

I have tried various assortments of altering display, float and width
for subNav and content div's as well as wrapping the both within a
div> but no results that I am confident will hold up in most
scenarios.

What's your best attempt with float? There are problems in that approach
as well, but the solutions depend on the page as a whole.

Any resolution, no probs. Ill get to that later.

Is there a reason that I need to specify every element? I have noticed
that CSS validators do frown upon not specifying every color. Not
looked too much into it though.

For my best attempt with float, I get good results in IE but a slight
glitch in FF. There seems to be no padding on the content div before
the text appears.

http://www.martynbissett.co.uk/_test.../test_div5.php

When I remove the color from subNav it appears that the content div is
sitting underneath the subNav div.

http://www.martynbissett.co.uk/_test.../test_div6.php

Hope these links help and you can tell me if Im going about this the
proper way. Thanks

Burnsy