IE7 -positioning problem

Hi everyone, I am wondering if someone can provide me with some help. Sorta of new to CSS, and I am having a problem.

Problem: main content area does not float or position properly in IE7. (Note: works fine in IE8.)

Please see attachment


Special Notes: This site is built in drupal, but I am sure this is a css issue.

Thanks, for any help or feedback you can provide.

Are you using the #rightnav container on any page? If not, you can try the following:

in your css file:

  • remove all styles for #rightnav and .sidebar-left Content
  • on Content set margin-right:0

You apparently used this template as well:)

One small note. Remove it from the html as well

Thanks, for replying. This is sort of complicated because this is a drupal based website. The site is 3-columns that appear dynamically.

Yes, the rightnav is being used on some portions of the site. So based on the dynamic content generated by drupal, the #rightnav appears and the #leftnav is disabled.

The style “.siderbar-left Content” is for the 2column (left and center).

The style “#rightnav” appears when the left bar is dynamically disabled leaving a 2column layout (center and right).

Is there anyway I can use the solution you mention and specifically target IE7 only?

Thanks, for your help.

Create an IE7 only stylesheet (ie7.css?) and in your HTML head, add a conditional comment

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />