Hi!
Out of the book from Dan Cederholms (Bulletproof Webdesign - german ed.) I
tested chapter 4 (creativ floating). For no CDR is included I wrote the code
from the text in the book (images and according text is taken from
tv-spielfilm.de). But it don't work for me in the same way as Dan tells in
the book.
I tested it with different browsers on Windows 2000. It should show three
pictures with a white frame (build though the padding 4px) and a closing
border with 1px and an according text with a heading on top of the text
positioned opposite of the picture neither left or right. Dan uses
Definition lists for the markup.
Now it looks allmost as it should in Opera 7.1, Netscape 6,7.1+8.0 and
Firefox. Only the heading is moved appart from the text. So that not the
heading is positioned on top only as it should.
But in IE 6.0 allmost nothing is correct: The main div is not positioned in
the middle of the browsers window as it should with margin-left/right: auto.
The fontsize is one step bigger as in the other browsers (to big). The white
border of the images is missing (ignoring padding 4px). Its awfull! Is there
a hack that IE6 needs to works correctly? And whats wrong with the heading?
Is there anyone, who please could test the example?
Here is the complete example including the CSS:
http://www.asys-it.de/webtest/defliste_o.html
Thanks for help! Tom