|
CSS - Help !! My Css Skills Bite
I have a header to this website that I am working on and my part is due real sone. I am stuck. I am using css to display the header and it lloks like a million bucks in IE 6 but not in IE7 and especially not in FireFox.
Can anyone help me fix it. The code is he PLEASE HELP !! Similar TutorialsHi, This will be similar to Sitepoint's CSS Quizzes. If you know how to do the particular image I assign then please PM me the answer with the code to see if you figured it out I was asked to fix this problem the other day and it took me about half an hour to work out how to do it. So lets see how bright you lot are and who can give me the solution first. Your job is to produce this effect http://www.devwebsites.com/temp/quiz1.PNG Rules Can not touch the HTML in the <body> section No javascript or scripting of any kind No expressions or conditional comments Use Valid CSS Use Valid xhtml No hacks, no child selectors, no universal selecors, no means of offering separate code toeach browsers. Must work in IE7 If you manage to get it in IE6 then bonus points If no one gets this then I will just post the solutions at the end of the week. Please remember to PM me the answers and not post the answer code in the thread. If you have any quiz ideas, please PM me also. Here is the base code you must use. Edit the CSS all you like, but remember the rules Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Quiz 1</title> <style type="text/css"> </style> </head> <body> <div id="green"> <div id="yellow"></div> <div id="orange"></div> <div id="red"></div> <div id="blue"></div> <div id="indigo"></div> <div id="violet"></div> </div> </body> </html> |
|||||||