Actually i was really trying very hard to find some table layout without using Table then, i come across some techniques

<ol id="main">
<li id="main">left block</li>
<li id="main">body block</li>
<li id="main">right block</li>
</ol>

<style>
* {margin:0;padding:0;}
#main{display:table-row; list-style-type:none }
#left,#body,#right {display:table-cell;}
</style>
Its really worked for me

Actually i was really trying very hard to find some table layout without using Table then, i come across some techniques…

left block
body block
right block

* {margin:0;padding:0;}
#main{display:table-row; list-style-type:none }
#left,#body,#right {display:table-cell;}

Its really worked for me

There isn’t one exact fix for IE6, per se. It depends on your surrounding HTML. But for me, I have usually used CSS floats to get the layout I need, while others use absolute positioning. So for IE6, I’d normally try one of the more established layout techniques that have been around for a while that cater for IE6, but target IE6 using conditional CSS comments if you can. Hope that helps.

What is the exact fix for IE 6, I tried it in mozilla and i was really happy by seeing the output. Please can anyone provide the fix for IE

Sanjeev

Providing those extra divs might be useful if you need to add hooks for additional CSS or JavaScript, for example. If not, then you can get away with something like this:

<div class="primary-nav">nav content</div>
<div class="secondary-nav">secondary nav content</div>
<div class="content">main content</div>

<table id=”content-body-wrapper”>
<tr id=”content-body”>
<td id=”primary-nav”>
<!– some navigation column here –>
</td>
<td id=”secondary-nav”>
<!– some additional column here –>
</td>
<td id=”content”>
<!– main content here –>
</td>
</tr>
</table>

If you take the main portion of your markup, and convert the DIVs into appropriate tags, we end up with this structure:

That’s the same number of tags, with the same number of CSS hooks. How is this any worse than the same set of DIVs? Especially when you consider that THIS structure is supported by the most popular browsers on the ‘net?

I just wish there was a way to access the display: table-cell behavior, without needing to nest it inside of display: table and display: table-row… The extra markup overhead is enough to make me question CSS.