I'm working on a special instructional webtool, a filter actually - http://www.kerteszklub.fw.hu/info.html. This link only shows the user manual part I'm working on. I am filling it up with images and text, so it's very much at a work -in-progress stage contentwise, but the layout and the structural elements are there. Any modern browser displays the page perfectly fine, but in explorer 6 there are some problems.
There is this simple structure I use:
<div class="cb-tab"></div><div class="border-left"></div></div>
<!-- END OF HEAD-->
All the content comes here.
<!-- END OF BODY-->
<div class="cb-foot"><div class="border-right"></div>
<!-- END OF FOOT-->
<!-- END OF CONTAINER-->
- The .cb-head div is misplaced to the top
, and there is a visible gap between it and the next .cb-body div, which is also another static block.
- this .cb-head div is not the size I gave to it, but it is enlarged to show the full background image.
- most importantly: the .cb-body div loses its left border.
Basically, I only float the .border-left and the .border-right divs in the sized .cb-head and the .cb-foot divs and they are in the right place. Otherwise everything is either static, or absolutely positioned..
As you can see - in the info.css stylesheet- I have tried some tricks with overflow:visible - height:1px (or another fixed size), and position: relative to give the beast the haslayout=true value at certain parts, but with no use.
Does someone have any more ideas I could try?