By vdub12 on

I upgraded my site yesterday to Drupal 7. I have been playing with it in Firefox and it looks great. However, since I am a Linux user I don't open IE often. Today I ran a Windows XP VM to check how my site looks in chrome and IE. Chrome looks great but IE looks terrible. I am using CTI Flex and it looked great in Drupal 6 but somethings very wrong with the Drupal 7 version. Even there demo site looks honorable. Does anyone have any idea on what I can do to fix this. At minimum I would like my header background to show. However, it would also be nice for my text to not be so big to.

My site is

http://www.CyberCPU.com

My old Drupal 6 site is

http://beta.CyberCPU.com

⋅ Categories: Drupal 7.x

Comments

nevets’s picture

nevets commented

Try validating the pages HTML, there are a number of errors. I use http://validator.w3.org/

vdub12’s picture

vdub12 commented

I am using the CTI Flex theme the way it comes. There is no custom code on the site.

Is there a module that can detect IE and change the theme just for IE.

vdub12’s picture

vdub12 commented

Well I have tried everything and it seams that IE just ignores all CSS.

I am surprised all websites don't look like this in IE. How can they blatantly ignore such an essential element as CSS.
I guess CTI Flex just does not work in IE.

vdub12’s picture

vdub12 commented

It looks like I have a workaround almost working in IE.

I used the Browser class module to detect ie and then used the CSS injector module to add custom CSS for just ie.

vdub12’s picture

vdub12 commented

Just a time saver for people doing the same thing as me here is the CSS I used to make Internet Explorer look better. I also used CSS3PIE to make the round corners work. 

body.ie #page .section {
  background-image: url(http://www.cybercpu.com/sites/default/files/header.png);
  padding-top: 10px;
  padding-bottom: 10px;
}
body.ie #navigation .section {
  font-size: 12px;
}
body.ie h2.block-title {
  position:relative;
  border-radius: 11px 11px 0 0;
  behavior: url(http://www.cybercpu.com/sites/all/libraries/PIE/PIE.htc);
}
body.ie .block {
  font-size: 12px;
  position:relative;
  border-radius: 11px;
  behavior: url(http://www.cybercpu.com/sites/all/libraries/PIE/PIE.htc);
}
body.ie .node ul.links {
  position:relative;
  border-radius: 11px;
  behavior: url(http://www.cybercpu.com/sites/all/libraries/PIE/PIE.htc);
}
body.ie #node-29 a {
  font-size: 16px;
}
body.ie h1 {
  font-size: 21px;
}
body.ie h2 {
  font-size: 16px;
}
body.ie #content ul a {
  font-size: 12px;
}
body.ie .breadcrumb {
  font-size: 11px;
}
body.ie label {
  font-size: 12px;
}