Forum Moderators: not2easy
I have a page with an ajax webcontrol I created, it is a messagebox.
This uses a CSS to format itself. It works fine in IE under all circumstances. It works in FF when I use the page on the server. Howevere, when I use the page with FF from a remote machine the messagebox has no CSS formatting at all.
All the files used ion the CSS have the right permissions in IIS and all else seems correct as far as setup it's just that FF isn't taking the CSS remotely.
Any ideas appreciated, thanks!
Here is the CSS:
.info, .success, .warning, .error, .validation
{
border: 2px solid;
margin: 10px 0px;
background-color: #f0f0f0;
font-size: small;
background-repeat: no-repeat;
background-position: 10px center;
}
.info
{
background-image: url('img/info.png');
}
.success
{
background-image: url('img/success.png');
}
.warning
{
background-image: url('img/warning.png');
}
.error
{
background-image: url('img/error.png');
}
.info p, .success p, .warning p, .error p
{
padding: 0px 50px;
text-align: left;
}
.info a, .success a, .warning a, .error a
{
float: right;
cursor: pointer;
padding-top: 5px;
}
.messageheader
{
background: url(img/mssgbxsprite.png) repeat-x 0px -200px;
height: 18px;
padding: 5px;
border-bottom: solid 1px black;
}
.messageheadertext
{
font-family: Helvetica;
color: Black;
float: left;
font-weight: bold;
}
.messagetext
{
font-family: Helvetica;
font-size: small;
color: Blue;
background-color: #f0f0f0;
text-align:left;
width:auto;
height:auto;
overflow:auto;
}
.messagefooter
{
text-align: center;
padding-top: 5px;
}
