Forums
View unanswered posts | View active topics It is currently Fri Apr 18, 2014 5:31 pm



Reply to topic  [ 3 posts ] 
 Div rules dissapearing on IE9 
Author Message

Joined: Mon Jun 04, 2012 2:34 am
Posts: 1
Post Div rules dissapearing on IE9
Good morning to you all,

First of all, I'd like to thank you for PIE and the helpful community.

I'm am new as you can be to HTML and CSS, and a friend of mine recomended PIE so as to avoid problems when coding a website for IE.
Well, it's giving me an awful lot of trouble to make it work as intended, so much so I'm willing to just draw the images on Illustrator or PS and forget about css-made styles.

This is what my test site looks like:

index.html:
Code:
<!DOCTYPE html>
<html>
    <head>
        <title>TEST SITE</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/css_index.css" type="text/css" media="screen,projection,print">
    </head>
    <body>
        <div id="page">
            <div id="AreaSuperior">
                Hello World Area
            </div>
            <div id="BotonesEmpresas">
                Hello World Botones
            </div>
        </div>
    </body>
</html>


css_index.css:
Code:
root {
    display: block;
}
body {
    background-color: #016699;
    text-align: center;
    font-family: Gautami, Arial, Helvetica;
}
div#page {
    margin: auto;
    background-color: #989898;
    width: 800px;
    height: 600px;
    padding: 5px;
}
div#AreaSuperior {
    width: auto;
    height: 75px;
    background-color: white;
    margin-bottom: 5px;
}
div#BotonesEmpresas {
    width: auto;
    height: 35px;
    background-color: red;
    border-radius: 20px;
    behavior: url(C:\Users\Nelladel\Documents\NetBeansProjects\Test\BrowserHacks\PIE.htc);


When I don't apply the behavior line, the area to which it's applied obviously has no rounded corners. Whenever I apply it, it dissappears. :(

Do you have ANY clue as to why is this happening?
I have tried placing the full path, the relative path (from the HTML, not the CSS), applying a z-index of 99, of -1, of 1...

Thank you very much in advanced.


Mon Jun 04, 2012 2:41 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1430
Post Re: Div rules dissapearing on IE9
http://css3pie.com/documentation/known-issues/#z-index


Mon Jun 04, 2012 9:20 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1430
Post Re: Div rules dissapearing on IE9
Are you really using IE9? IE9 supports border-radius natively of course, so PIE shouldn't be doing anything at all and you should see your rounded corners without applying it.

If you mean you're using IE9 switched to IE8 or IE7 mode, I strongly recommend against doing that as it's not an accurate depiction of how your page will actually render in real IE7-8 installs. See viewtopic.php?f=4&t=1206 for some tips on testing older IEs.


Mon Jun 04, 2012 9:24 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.