CODEWITHSUNDEEP
cssbackgrounddoctype
xx3004
xx3004

Reputation: 780

CSS - Div background color becomes transparent, IE8 --

I'm now building a website for my sister. It looks normal on Chrome, firefox and IE9 but for some reasons, some of my div lost all background color in IE 7 --.

http://xx3004.kodingen.com/JDProperties

Open the website and you can see the pop up message has problem with title and button set (background color) - I'm using IE 7 right now. Then the content of the left body lost background color too, and the right column lost background too. I've been doing many searches on Google plus I notice that jQueryUI could not be wrong, so I guess it's because of my DOCTYPE in the begining of the source code. I've tried to change to some other DOCTYPE I saw on the Internet, or even omit it, but the website becomes either messing up or remains the same.

This is the first time I see this situation, it's weird and I hope I don't know how to fix it.

I'm expecting to solve the problems soon :-). Thanks everyone in advanced.

[x]

Upvotes: 0

Views: 1244

Answers (3)

clairesuzy
clairesuzy

Reputation: 27624

Agree with @albert, you do need to recode that page, although it's seeming to mostly working, the nesting of multiple head, body, style elements going to lead to trouble, and I suggest you change to an HTML4 Doctype as the coding is not XHTML, the more conflicts (tag soup) a browser has to deal with the more likely you will get them interpreting your intentions differently.

As for the IE backgrounds in numerous (inline styles) places you have background: inherit IE does not understand the "inherit" value of properties - or more specifically for IE7 and earlier it only applied "inherit to the direction and visibility properties

Upvotes: 1

Babiker
Babiker

Reputation: 18798

You have mismatched HTML tags. Chrome, firefox and IE9 are cleaning up for you, but IE7 isn't that nice.

Upvotes: 1

albert
albert

Reputation: 8153

I started to look, and then saw this 

</head> 
  <body> 

 </body> 

 </html>    

</head>

<body>..

Try building the structure properly and see what happens yo.

Upvotes: 1

Related Questions