Hello, I did this site a few years ago for friends, they initially wanted a fixed layout, then changed their minds (after the site was finished) and wanted an elastic layout. I modded with CSS and added container and wrapper to make site elastic. All seemed to work fine in IE 6.5 & 7 but elastic layout never worked in firefox. Now in IE 8 the elastic layout doe's not work at all. I'm fed up of looking at it, can some one let me know whats wrong. I've attached css file site - lynflora co uk Thanks
cant tell you without seeing it live...but get rid of @charset "utf-8"; use *{} to clear margins, padding for crossbrowser compatibility, it may help
I looked at the CSS even though without HTML code. I wonder how these code works in IE 6.5 & 7. The units of measurement are all px. That means the layout will be fixed layout. The unit for elastic or liquid layout should be %. The unit for liquid - fixed layout will be wrapper - %, columns - px. You can test in the various layout generators under signed.
well it looks like he is making it "elastic" using absolute positioning to move things to the left and right of browser window...but the main content in the middle i do agree should be em's so that there arent large gaps, don't use % whenever possible, because that crappy browser microsoft makes doesnt render it well, i guess they dont know math at microsoft
Hello, Thanks for the advice but to be totally honest I'm not following / understanding it. What I wanted was the main content of the site to be centered no matter what screen resolution was used. The site was centered in IE 6.5 & 7 but not in firefox. Since IE 8 was introduced, site is fixed to the left. What I thought I had /wanted is absolute positioned div's within an elastic container. Are you's saying I should convert all the px absolute positions to relative em positions? Any help would be appreciated.
i will only work on a live site...so zip the html with css and js linked and in a folder and i will help