Gradient fill using page canvas mode

[bobby_b 0]

Using this code... /* Main Canvas Area */ #page-canvas { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 10 auto; border: 4px solid #999999; /* Background gradient */ /* For WebKit */ background: -webkit-gradient( linear, left top, left bottom, from(rgba(74,136,180,1)), to(rgba(250,250,250,1))); /* For Mozilla */ background: -moz-linear-gradient( top, rgba(74,136,180,1), rgba(250,250,250,1)); /* For lt IE8 */ filter: progid:DXImageTransform.Microsoft.gradient( gradientyype=1, startColorstr='#fffafafa', endColorstr='#ffffffff'); /* For gt IE8 */ -moz-filter: progid:DXImageTransform.Microsoft.gradient( gradientyype=1, startColorstr='#fffafafa', endColorstr='#ffffffff'); } the goal is to have the gradient fill inside the page canvas area...in page canvas mode. It works for IE but not for safari, mozilla, chrome etc. any ideas why?

[[Deleted User] 0]

Try and set the "Site Design Mode" to "Full-Width Mode" instead of "Full-Width Mode With Canvas". This works fine with me on Firefox. Like this: #page-canvas{background:-moz-linear-gradient(top,#ebebe1,#fff)} Martin

[catrina 103]

+1 karma point for Martin.