Hi,
I'm been coding html for a while but have always used tables for positioning, with forays into css for styling text etc. I can see the advantages of using css positioning to separate content from style, and really want to move to using xhtml/css exclusively for positioning but I'm battling with some of the "quirks".
I have been asked to create a zen-cart skin for a jewelry shop. If I can get a css layout happening, I can sort the rest out.
http://www.gemila.com.au/front-page.gif is the screenshot of the layout as required.
I have started putting the layout together using coloured boxes to work out the structure and all validates, but IE is showing it very differently than Firefox.
See page at http://www.gemila.com.au/test.html. It shows fine in Firefox but in IE the header is pushed down the page, like its underneath the floated picture (doesn't the z-index fix that?).
I have read a few articles trying to find out how to fix this but I really don't know where to start. Any help would be appreciated.
I'm on Windows XP but have seen the same problem using IE 6 on Windows 2000.
Thank you,
Raina