Level Extreme platform
Subscription
Corporate profile
Products & Services
Support
Legal
Français
CSS not being honored
Message
From
09/11/2009 09:30:11
Timothy Bryan
Sharpline Consultants
Conroe, Texas, United States
 
 
To
All
General information
Forum:
ASP.NET
Category:
Other
Title:
CSS not being honored
Miscellaneous
Thread ID:
01433817
Message ID:
01433817
Views:
105
Hello All,

I have a new web application that I have been trying to get published. Much of the style and position have been set in a css file in a directory off the root of the web app called 'CSS'. This app works fine in development but onced published it will not honor the CSS at all. I have verified the permisions on the CSS directory and there is no problem with that. I also even moved the css into the master page itself as embedded css but still with no luck. Essentially the images and styles are not being set at all.

I am now at a complete loss for what to experiment with in order to uncover the problem.
This is being published temporarily at:
www.btsapps.com/Sandbox/MSA

The default document is default.aspx and the master page is included. The css is currently embeded in the master page.

For instance, if you navigate to:
www.btsapps.com/Sandbox/MSA/About.aspx

and compare that to this image of what it should look like.
www.btsapps.com/Sandbox/MSA/Images/ShouldGetThis.jpg

Here is a piece of the asp and the css as an example (some angle brackets replaced with "()") How do you post code with angle brackets?
  <title> Motorcycle Safety Association </title>
	(%--<link href="~/CSS/style.css" rel="stylesheet" type="text/css" />--%)
	
	<style type="text/css">
	body {
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	margin: 0px;
	background-image: url(/Images/masterBackground.jpg);
	background-repeat: repeat-x;
	background-color: white;
  	font-size: 14px;
  	color: navy;
}
#logo {
	position: absolute;
	background: url(/Images/logo4.gif) left top no-repeat;
	width: 250px;
	height: 150px;
	left: 10px;
	top: 46px;
	z-index: 101;
}
</style>
</head>
<body>
 
<div id="logo"> </div>
<div id="slogan">
	<h1> Enhance, promote and Preserve Motorcyle Safety in Texas </h1>
</div>
You can see from the image link I posted this works on my development machine as the images, background, etc are all placed properly.
Any ideas appreciated.
Thanks
Tim

update: Some angle brackets put back in for my testing.
Timothy Bryan
Next
Reply
Map
View

Click here to load this message in the networking platform