Forums
View unanswered posts | View active topics It is currently Tue Jul 22, 2014 7:24 am



Reply to topic  [ 2 posts ] 
 CSS3Pie has no effect for me - help! 
Author Message

Joined: Wed Jul 28, 2010 6:09 am
Posts: 2
Location: Bristol, UK
Post CSS3Pie has no effect for me - help!
I'm trying to use CSS3Pie to style a few different elements on a page. Here's some example markup:
Code:
<div id="search">
   <label for="q">Search</label>
   <input type="text" name="q" id="q" class="text" size="18" />
   <input type="image" src="img/search-button.gif" alt="Search" />
</div><!-- /#search -->

...and here's the CSS I'm using to style it:
Code:
#headerInner #search input.text {
    width: 163px;
    margin-right: 7px;
    border: 1px solid #adadad;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fcfcfc;
    padding: 4px 4px 5px;
    behavior: url('/css/pie.htc');/* CSS3 fixes for IE6-8 */
}

I'm using IIS7 as my web server - we're a .NET company, primarily - and .htc is already configured under MIME types (as "text/x-component"). But when I try access pie.htc directly in IE6, it's being served as a download of an unrecognised file type.

Is that right?


Wed Jul 28, 2010 6:15 am
Profile WWW

Joined: Wed Jul 28, 2010 6:09 am
Posts: 2
Location: Bristol, UK
Post Re: CSS3Pie has no effect for me - help!
Solved it!

The root-relative behavior in my initial CSS rule [see above] doesn't seem to call the file, but dropping the leading slash does.

So now my CSS rule looks like this:
Code:
#headerInner #search input.text {
    ...
    behavior: url('css/pie.htc');/* CSS3 fixes for IE6-8 */
}

Also note that I had to apply position: relative to #headerInner #search for input.text to show up after the HTC file loaded in IE (z-index stupidity in IE).


Wed Jul 28, 2010 10:47 am
Profile WWW
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: 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.