I'm a beginner to CSS. So be gentle. I designed a site for a good friend and have published it to the web. The site is *http://www.freestyle-la.net* Everything is great until you use Internet Explorer 6 or 7. Some pages, pages with Spry elements, like tabbed panels and accordions, are being forced out of position by something. I use a mac with Adobe Dreamweaver CS4. The site looks fine in FF, Opera, and Safari. The code and CSS validate fine. I've made CSS changes and simplified where I found redundancies to the best of my skill level at this point, but I *cannot* for the life of me see where or why these elements are moving down and to the left under the footer! I started the site using a two column fixed header set-up - a container div, a left sidebar, a space for content, and a footer div. I'm at a make or break point here and need someone to help me. I'd like to keep these elements and not re-design the pages, so I hoping someone would take a look at my code and CSS and offer some advise or even kill the bug.
Notes: I changed from 'Transitional' XHTML to 'Strict', for all pages. (heard this would help certain browsers stay out of that "quirk" mode) All CSS and HTML validate correctly. Some floated elements and the "doubling of margins" by IE issue addressed, I think. read that on a site somewhere. If there is a floated element, say a left float AND a left margin, IE doubles that left margin. I made the sidebar an 'inline' element, thought it would "offer more breathing room". No change. Thanks, RT -- Rhyan Taylor www.rhyantaylor.com rhyantay...@gmail.com ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
