MSIE 1 ME 0, tables to css. :(

[lunaz]

I'm trying to get my old old stuff up to standard css & xhtml1.0 strict. So far the only thing wrong with lunaz.com/roh/ is the tables to css conversion:I can't get my divs to line up right in IE :) Works perfectly in FF of course. It's basically (img) (description. I still have the tabled version in the markup but it's commented out untill I figure this out. http://www.lunaz.com/roh/z1/boss.htm is the markuphttp://www.lunaz.com/roh/css/rohstyle.css is the screen css.

[Reg Edit]

I'm trying to get my old old stuff up to standard css & xhtml1.0 strict. So far the only thing wrong with lunaz.com/roh/ is the tables to css conversion:I can't get my divs to line up right in IE :) Works perfectly in FF of course. It's basically (img) (description. I still have the tabled version in the markup but it's commented out untill I figure this out. http://www.lunaz.com/roh/z1/boss.htm is the markuphttp://www.lunaz.com/roh/css/rohstyle.css is the screen css.

Actually I'm not convinced FF is "right" in this case! What css rules say that the div pairs should line up that way? Perhaps someone will make a better suggestion, but I would place each image/description pair inside a containing div:

<div><div class="bossimg">...</div><div class="bossdesc">...</div></div>

[lunaz]

Thanks for the reply, I did try that, and it made a mess. :)IN IE it the div wrappers only line up with the textIn FF it shows this funny red line above all the img/txt setsand to even get the img/txt sets to show side by side I had to bring the size of their divs down 1% :)I don't really understand why this happens, or how to fix stuff like this, I'm still pretty new. I have the updated versions up at those same addresses.

[jlhaslip]

Does this help?http://www.jlhaslip.trap17.com/samples/ima...play/index.html

[lunaz]

That helps a whole lot! ty! :)The only problem left after I used his idea was the desc text not lining up correctly after the bottom of the img div. Here's a screenshot of his example taken from IE6.I tried those hacks from position is everything dot net; but they didn't make any difference (or I did it wrong..). I added some padding to all img elements in the bossimg div to make the text line up in IE.I"m wondering if I did this right, still trying to get out of tables and into css, so want to make sure I really get it.Here's the css:http://www.lunaz.com/roh/css/rohstyle.cssand 3 sample pages with borders around everything:http://www.lunaz.com/roh/z1/boss.htmhttp://www.lunaz.com/roh/z2/boss2.htmhttp://www.lunaz.com/roh/z3/boss3.htm