CSS3 Pie + Symphony CMS

HTML & CSS
1

Hi,

Just started using PIE this morning, but it’s just not working at all.

This is the CSS that I have written:

#main {
	background: #ffffff;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	behaviour: url(css/PIE.htc);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	width: 610px; /* 610px to fit style */
	margin: 5px 20px 0 0;
	z-index: 10;
	zoom: 1;
}

This is the url:

http://test.nicktoye.co.uk/sjc_test/trusses/

I have PIE.htc in this directory:

test.nicktoye.co.uk/html/sjc_test/workspace/css

The css file that I am using is also in the same directory.

But it’s just not working. Anybody know what I am doing wrong?

The actual file is not loading up in Firefox net tab.

2

Hi,

The htc file is here:

http://test.nicktoye.co.uk/sjc_test/workspace/css/PIE.htc

But you seem t be looking for it here:

http://test.nicktoye.co.uk/workspace/css/PIE.htc


#main {
	background: #ffffff;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	[B]behaviour: url(/workspace/css/PIE.htc);[/B]
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	width: 610px; /* 610px to fit style */
	margin: 5px 20px 0 0;
	z-index: 10;
	zoom: 1;
}

Try the correct path or try an absolute address:


#main {
	background: #ffffff;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
[B]	behaviour: url(http://test.nicktoye.co.uk/sjc_test/workspace/css/PIE.htc);[/B]
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	width: 610px; /* 610px to fit style */
	margin: 5px 20px 0 0;
	z-index: 10;
	zoom: 1;
}

Remember that the url of a behaviour file is from the html page and not the css files as per usual.

3

Ok, I think I tried that earlier - but have done so again and it still doesn’t seem to show the rounded corners in IE.

4

Behavior is spelled incorrectly.

It should be:


behavior:

There is a “u” in your version.

5

oh for ffs. Thanks Paul, damn American spellings!!!

:slight_smile: