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" />