0

My name is Steven and my problem is that my div's have a space between them and i need them to set together.

Style sheet Code:

body 
{
body {
background: url(../structur_folder/i_gradient.png) repeat-x;
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 100%; 
font-style:none; 
font-weight:none
}

h1 
{
color: #008080; 
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 300%; 
font-style:none; 
font-weight:bold; 
text-decoration:none; 
letter-spacing:1pt
} 

h2 
{
color: #D2232A; 
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 300%; 
font-style:none; 
font-weight:bold
letter-spacing:1pt
}

h3
{
color: #D2232A; 
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 160%; 
font-style:none; 
font-weight:bold
}

p 
{
color: #008000; 
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 150%; 
font-style:none; 
font-weight:none
}

a:link    
{
color: #D2232A; 
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 160%; 
font-style:none; 
font-weight:bold
}

a:visited 
{
color: #D2232A; 
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 160%; 
font-style:none; 
font-weight:bold
}

a:active  
{
color: #D2232A; 
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 160%; 
font-style:none; 
font-weight:bold
}

a:hover   
{
color: #D2232A; 
text-align:left;
font-family: Lucide Sans Unicode;
font-size: 160%; 
font-style:none; 
font-weight:bold
}

#header
{
border-width:0 0pt 0pt 0pt;
height: 30%;
width: 100%;
margin: 0 auto;
}

#nav
{
border-width:0 0pt 0pt 0pt;
height: 5%;
width: 100%;
margin: 0 auto;
}

#body
{
border-width:0 0pt 0pt 0pt;
height: 80%;
width: 100%;
margin: 0 auto;
}

#footer
{
border-width:0 0pt 0pt 0pt;
height: 30%;
width: 100%;
margin: 0 auto;
}

The Webpage Code:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<meta name="Microsoft Theme" content="auto 011, default">



</head>

<body background="structure_folder/i_background_gradient.png">

<div id="header">
<img src="/structure_folder/i_psc_header.png" width="100%" height="100%"/>
</div>
<div id="nav">
<img src="/structure_folder/i_nav_placer.png" width="100%" height="100%"/>
</div>
<div id="body">
<img src="/structure_folder/i_placer.png" width="100%" height="100%"/>
</div>
<div id="footer">
<img src="/structure_folder/i_psc_footer.png" width="100%" height="100%"/>
</div>
</body>

</html>
3
Contributors
5
Replies
6
Views
8 Years
Discussion Span
Last Post by stevenpetersen
0

Digression:
The font name is "lucida". I guess you won't ever see it when the name ends with an "e".

0

0px is an invalid style in some browsers. Use 0 instead. Those browsers throw out the whole style when they encounter a 0 with a unit of measure.

"Lucide Sans Unicode" is not a valid font name. It may work on YOUR browser, because you have it defaulted to that font. But nobody else will see it, because they have no font file named "Lucide Sans Unicode" on their computers.

Your spelling has to agree with the name of the file on the OTHER user's computer. The other computers have "Lucida Sans Unicode" instead. You can't make up your own spellings and expect them to work

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.