Need some help with IE fix

Gundamxxg

here is a link to my site http://www.jtangas-designs.frih.net/Beta/. If you view the site in FF or Opera the site looks fine, however when you look at it in IE6 it doesnt work, the divs are floating funny and i cant seem to get the css hacks to work, is there anyone who can help me?

Azmo

first of all, think about your floats.. second.. reason that the div falls down in IE has to do with it's size.. or posibly a border or something.. remember that IE6 margins = twice the size.. 10px is 20px in IE6.. huge bug.. anyways, shouldnt be so hard to solve.. just shrink ur div that falls down a few px, and it should "jump up".. I know this can be a bitch.. or the widths and stuff.. took me like 30min and had to use a padding hax to get a container border working in all browsers. anyways.. try those stuff..

everything should have float in the element tag since u arn't using relative or absolute. so float:right/left; or clear:right/left/both;

and the width/border .. container width = 800 and u have 2 divs in it that both are 400px wide.. put a border to one of them.. and they together are 801 px.. that's to wide.. and they will fall down..

mariohs

I took a look at your css. If you already have your wrap div with 824px width, you don't need to specify 824px width for all the other elements inside it. Remove all 824px declarations except for the wrap div and test. I did it here and "worked". I can't do a 100% compliant test. Very Happy

Gundamxxg

Thanks for the pointers, I finally got it to work i think, i need to check it in IE 6 still, but i ended up just removing some of the css hacks and positioning the side nav absolute, solved the prob for IE7 gonna go check IE6 now.

*EDIT*
ok after one more modification the site works in IE6,IE7, FF, and Opera, now only to test the mac browsers.

Handyman

It looks good in Safari Version 2.0.4 (419.3) and Firefox 2.0 mac. Nice work Very Happy