I have an web site i have design using css and div on this site http://www.needhamsgifts.co.uk i have two images on the right they postion ok in ie6 and ie7 but in firefox the images on the right move down by 150 px I have tried many things to resolve this but have came to an dead end. Can anyone help ? Thanks
Well... some FORMATTING would help with debugging it, you've got multiple redundant properties in #contentright, and the CONTENT of #contentright is taller than the height you are declaring (which shouldn't even HAVE a height declared) Much less you've got multiple containers for elements that should likely SHARE a container.... and using whole images Another situation where I'd probably chuck the whole thing and start over just to fix the issue. But then, 90% of the problem is right here: main1.dwt Dreamweaver - when will people learn.....
deathshadow, comments noted and i'll get to work sorting the redundant properties. This was the first site I coded using css and divs so i had expected the css to be a bit ropey. But chuck the lot and start again? I am learning, clearly not all of us were born with your infinite knowledge of web design. I did use Dreamweaver's template system. I know that Dreamweaver butchers code like there's no tomorow but I do find putting your layout into a template quite handy, especially when it comes to adding navigation items etc, etc. I don't use dreamweaver's design view only code view and try to avoid any other of it's built in functions. I don't understand how by coding a template and using that to control my header and navigation can cause this particular issue in Firefox, as you suggest? I'll let you know if sorting the heights out works. Cheers
Funny sh*t I noticed a lot of differences between ie6, ie7 and firefox which are very annoying... Although, my sites usually work well in firefox and they crack in ie6 or ie7... VERY VERY strange.... It seems like firefox was more forgiving with me... Couldn't say that for IE though.... Good luck with your template