Jump to content

CSS problems in Compatibilty View


lesley

Recommended Posts

Hello,

 

I am needing some help with CSS. I have built a site that works in all browsers, except when i click on compatibility view in IE. The menu on the left is offset and the search bar on the right is too low.

 

Also the list items in the content area are very close the the text.

 

Here is a link: http://ticau.com/pages/nursing.php

 

Does anyone have any suggestions?

 

Thanks,

 

Lesley

Link to comment
Share on other sites

Looks like you have some IE conditional comments between the <head> </head> tags.

 

#items ol {

font-size: 13px;

line-height: 32px;

list-style-type: none;

margin-left: -30px;

}

 

Adjust the margin-left: -30px to be 0.

 

 

For the content area, adjust the following in red in your main.css:

 

.schoolul {

margin: 0px;

padding: 2px 0px 0px 0px; /* change it to 30px */

list-style-position: inside; /* change it to outside */

list-style-image: url('http://ticau.com/images/ul.jpg');

}

Link to comment
Share on other sites

  • 2 weeks later...

for compatibility of your sites with ie 6, 7, 8, and 9, you will need to add this code in the head section of your page.

 

We strongly recommend feature and behavior detection rather than Conditional Comments, an IE specific feature that other browser vendors have chosen to not implement. Conditional comments will not work across browsers and are not “same markup.”

 

it’s ok to use Conditional Comments to conditionally load CSS that targets IE6 or IE7.

 

<html>
   <head>
        <meta http-equiv="X-UA-Compatible" content="IE=6; IE=7; IE=8; IE=9">
   </head>
   <body>

   </body>
</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...