Dreamweaver - Problems with CSS files

Author

Problems with CSS files

SnakeFAMU

2005-05-31, 7:31 am

How is everyone doing today? I hope someone will be able to help me with my
problem? I am working on the Designing with CSS ?Part 3 Creating your First
Design Without Tables (Adrian Senior) I am having trouble right from the start.
For some reason the top content is stretching the entire browser instead of
stretching only 770px.
I would appreciate it if someone could look at my code and tell me what I am
doing wrong.

Thank you in advance.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="Cssfiles/basiclayout.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper"> </div>
<div id="banner"></div>
</body>
</html>

/* CSS Document */
body{
background-color: #666666;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size: 100%;
}

#wrapper{
width: 770;
background-color: #ffffff;
margin: 10px auto;
border: 1px solid #000000;
text-align: left;
}

#banner{
height: 110px;
background-image: url(../St. Paul.jpg);
background-repeat: no-repeat;
}

Michael Fesser

2005-05-31, 7:19 pm

.oO(SnakeFAMU)

>How is everyone doing today? I hope someone will be able to help me with my
>problem? I am working on the Designing with CSS ?Part 3 Creating your First
>Design Without Tables (Adrian Senior) I am having trouble right from the start.
>For some reason the top content is stretching the entire browser instead of
>stretching only 770px.
> I would appreciate it if someone could look at my code and tell me what I am
>doing wrong.

http://jigsaw.w3.org/css-validator/
http://validator.w3.org/

Micha

Osgood

2005-05-31, 7:19 pm

Small discrepencies are important in a css layout. You can't get away
with as much as you would normally do when using tables.

width: 770; should be width: 770px; like below:

#wrapper{
width: 770px;
background-color: #ffffff;
margin: 10px auto;
border: 1px solid #000000;
text-align: left;
}

SnakeFAMU wrote:

> How is everyone doing today? I hope someone will be able to help me with my
> problem? I am working on the Designing with CSS ?Part 3 Creating your First
> Design Without Tables (Adrian Senior) I am having trouble right from the start.
> For some reason the top content is stretching the entire browser instead of
> stretching only 770px.
> I would appreciate it if someone could look at my code and tell me what I am
> doing wrong.
>
> Thank you in advance.

SnakeFAMU

2005-05-31, 7:22 pm

Thanks guys that helped me out a lot. Thank you for your time and patients it is deeply appreciated.