My application displays an initial page with the following HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><base href="http://localhost:1578/">
.....
<link href="css/lowprofile.css" rel="stylesheet" type="text/css"
media="all" />
.......
<input type="button" name="newWorkPackage" id="newWorkPackage"
value="Start a New Work Package"
onclick="parent.location=
'/Doccontent/PackageSummary/WorkPackageSummary'" />
This page locates the css file and renders the page.
My button then takes the user out to the Doccontent area and renders the following HTML based on the same Site.Master file as the initial screen. The top part of the HTML is the same but when it creates the reference to the css page, it comes out as:
<link href="../../css/lowprofile.css" rel="stylesheet"
type="text/css" media="all" />
The page displays but without the css file implemented when I deploy this to my server. Any suggestions why the extra ../../ is being put in when I change to a different area?