I’ve been working on customizing my template to my liking, and it looks great. However, I use Firefox, so when I rarely have to use IE7 (at work), I notice some things that just look awful.
The first thing is that the side bar gets a little weird — the links are spread out and one of the sidebar header covers the search bar. Also, there is a white space beneath the side bar when the content on the left side out stretches it and vice versa.
Here’s the site: http://www.savingprogress.com/launchprep
Here are some images of what I see in IE7:
Does anyone know how I can go about fixing these issues? Any help is greatly appreciated.
Not without doing a lot of rewriting / redoing the CSS. A simple fix to get the words below the searchbox would be to put a clear:both; in the H1 for the sections.
To get the sidebar structured as a standard sidebar, you should read the article about making the sidebar widget ready. This will actually make your sidebar easier to fix. Right now you have loose H1 outside of the ul’s.
The standard structure of side bars are one big ul, and each ‘section’ should have an li with an H2 followed by a second ul with li’s for your links. Right now, you can’t really change too much since your H1’s are only contained by the main div container for your sidebar.
You have some work to do, good luck. I hope this at least pointed you in the right direction.
There are thousands of themes structured like yours. I chose one to use to make my theme… ugh… the pain.
- The topic ‘IE7 – Require Code Fixes’ is closed to new replies.