I'm working on my 4th WordPress template, but cannot figure
out why the sidebar drops down in IE view. It looks fine in
Firefox and Opera though. Can someone take a peek at the
stylesheet and tell this *newbie* what I'm missing?
Hi Artemis,
Rather than a solution, here is a possible method of working through the
issue.
If other browsers are rendering the column correctly, then the issue is to
do with IE's habit of honouring content over containers. Other browsers will
allow content to poke out the side of a container, but IE will force the
container to wrap around the content. If there is not enough space for the
container within the layout, then it will move down, line by line, until
there is space for it to fit. This can result in a column that drops.
So the question would then be What is causing the issue.
One quick method to test the issue is to delete (or comment out) sections of
content within the sidebar to see what is causing the issue. My guess would
be the calendar that is marked up as a table.
As soon as you find the culprit you can work out ways to solve the issue
using CSS/HTML solutions such as:
- set a width on the problem area
- reduce some padding in key areas to make content fit
- set a smaller width for IE and use conditional comments
- adjust the layout to accommodate wider content
There are probably many options but it is hard to list them till the culprit
is found :)
HTH
Russ
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**