Problems with elements widths in IE6.0

[Jean-Rene David]

I'm doing a little page for an aikido dojo. A test version of the page
is here:

http://www.magma.ca/~jrdavid/dojo

It looks fine in Opera for Linux and Windows. IE6.0 however screws up
the width of the content section (among other bugs), and it does so
differently in different pages.

In this page:

http://www.magma.ca/~jrdavid/dojo/claude-en.html

it adds spacing after the title in the content section.

Since it works fine in Opera, I'm guessing the code is correct and this
is a bug in IE.

Am I guessing right? What's the bug?

 

[Els]

I'm doing a little page for an aikido dojo. A test version of the page
is here:

http://www.magma.ca/~jrdavid/dojo

It looks fine in Opera for Linux and Windows. IE6.0 however screws up
the width of the content section (among other bugs), and it does so
differently in different pages.

In this page:

http://www.magma.ca/~jrdavid/dojo/claude-en.html

it adds spacing after the title in the content section.

Only when the window is narrower than 1100 wide.

Since it works fine in Opera, I'm guessing the code is correct and this
is a bug in IE.

Am I guessing right? What's the bug?

I think it has to do with the peek-a-boo bug, as the added
space also loses background colour after covering with
another window or scrolling.
http://www.positioniseverything.net/explorer/peekaboo.html

Another thing: the picture isn't centered:
<img
src="tsukiage.jpg"
alt="Claude Berthiaume: tsukiage"
title="Claude Berthiaume: tsukiagei"
style="margin-left : 20%; margin-right: 20%;"/>

This only works if the picture is 60% wide.(which it isn't
in my window)
You need margin-left:auto;margin-right:auto;, and
text-align:center on the parent div. I do see that that
would mess up the entire text, so you'll have to stick the
picture in it's own div, which you give text-align:center.