<s cript> vs <l ink>

Doulos · Involved Joined: Jun 06, 2005 Posts: 338

Anyone have any insite as to why this shows the site I am working on precisely how I wish....

Code:

<s tyle type="text/css" media="all">

/* The CSS that's required to position the footer */

html
{
   height: 100%;
}

body
{
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
padding:0px;
background-color: #000000;
margin-right: 0px;
margin-left: 0px;
}
p {
padding: 0px;
margin-top: 4px;
margin-right: 15px;
margin-bottom: 4px;
margin-left: 15px;
}
td {
margin: 0px;
padding: 0px;
}
div {
margin: 0px;
padding: 0px;
}
.main {
width: 800px;
background-image: url(images/dandb_10.jpg);
height: 100%;
min-height: 100%;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
text-align: center;
margin-right: auto;
margin-left: auto;
overflow: visible;

}

.title {
color: #d5c0ac;
font-family: bendable, Sans-Serif;
font-style: italic;

}

#nonFooter
{
   position: relative;
   min-height: 100%;
   height:100%
}

* html #nonFooter
{
   height: 100%;
}

#footer
{
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: fixed;
bottom: 0%;
width: 100%;
vertical-align: bottom;
}
.spacer {
height: 23px;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

body,td,th {
color: #FFFFFF;
}
table {
margin: 0px;
padding: 0px;
align: center;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: center;
}

</s tyle>

But this...

Code:

/* The CSS that's required to position the footer */

html
{
   height: 100%;
}

body
{
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
padding:0px;
background-color: #000000;
margin-right: 0px;
margin-left: 0px;
}
p {
padding: 0px;
margin-top: 4px;
margin-right: 15px;
margin-bottom: 4px;
margin-left: 15px;
}
td {
margin: 0px;
padding: 0px;
}
div {
margin: 0px;
padding: 0px;
}
.main {
width: 800px;
background-image: url(images/dandb_10.jpg);
height: 100%;
min-height: 100%;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
text-align: center;
margin-right: auto;
margin-left: auto;
overflow: visible;

}

.title {
color: #d5c0ac;
font-family: bendable, Sans-Serif;
font-style: italic;

}

#nonFooter
{
   position: relative;
   min-height: 100%;
   height:100%
}

* html #nonFooter
{
   height: 100%;
}

#footer
{
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: fixed;
bottom: 0%;
width: 100%;
vertical-align: bottom;
}
.spacer {
height: 23px;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

body,td,th {
color: #FFFFFF;
}
table {
margin: 0px;
padding: 0px;
align: center;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: center;
}

referenced with..

Code:

causes some of the background to get messed up?

You can see them here:
1. Using <s tyle>

Only registered users can see links on this board!
Get registered or login to the forums!

2. Using <l ink>

Only registered users can see links on this board!
Get registered or login to the forums!

Gremmie · Posted: Fri Sep 21, 2007 5:28 pm

Yes, I ran into this very same thing. URL's (like in your background-image: url(images/dandb_10.jpg); ) are relative to the style sheet. Since you don't have a style sheet in your script example, it's going to be relative to your HTML directory. When you put your CSS in a file and use link, that same URL is going to be relative to your CSS file, so you now probably need to adjust the path in your URL(...).

Doulos · Involved Joined: Jun 06, 2005 Posts: 338

Thanks. That is good to know. This was my first attempt at using a .css file instead of including it in the html.