Paul Jung wrote:
> have been working very hard to find the problem why the map of
> http://www.chinafood.sk/ doesn't display correct in IE, it always
> sinks to the bottom, please help!
To use the correct terminology: it doesn't "sink" - it gets "pushed
down" because there's not enough space for it where you want it to stay.
All caused by bugs in IE6 (and older).
1: remove or zero out the backside margins on both side-columns - for
_all_ browsers. Those margins do nothing but make the layout
unnecessarily tight in good browsers, and too tight when IE6' bugs are
added.
What you need there is this...
.thrColFixHdr #sidebar1 {margin-right: 0;}
.thrColFixHdr #sidebar2 {margin-left: 0;}
2: the main-column is positioned by its own margins, and IE6 (and older)
throws in its "3px-jog" bug as addition to the left margin, and its
"auto-expansion" bug to the width affecting the right side margin.
The right side margin isn't doing any good in any browser since the
main-column has width and self-aligns left where it rides on its left
margin, so unless you plan to reverse the document's direction you
should serve the following to _all_ browsers...
.thrColFixHdr #mainContent {margin-right:0;}
3: now there's only the "3px-jog" bug to take care of in IE6 (and older).
Place this in your <!--[if IE]> ...
* html .thrColFixHdr #mainContent {margin-left: 302px;}
...which will make IE6 calculate "302px + 3px(bug) = 305px" for the left
margin, and align all elements correctly.
4: As mentioned before: the <!--[if IE]> should be rewritten as
<!--[if lte IE 7]>
As it is now you risk feeding IE8 and all its successors styles they
will have no need for, and that can only provoke unknown bugs in the
future.
5: go through all pages that may be affected to catch any misalignments,
as those IE6 bugs interact with each other and the effects can't be
predicted unless all pages contain exactly the same source-code and are
affected by exactly the same styling in all the same places.
That's not a very likely scenario :-)
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
