For those who are interested in building a CSS enabled website I will give you a basic understanding of some good things to do when starting out.
1. Decide if you want the layout of the site to be fixed or relative to the screen size. Fixed will always stay the same size and relative will be positioned in the center of the page.
2. If it is fixed then what you need to do is choose your width. I like around 780 because it looks okay on a 800x600 monitor. Then what you do is create a <div> with that width and name it maincontainer or something similar.
Html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>My Site</title>
<link rel="STYLESHEET" href="defaultTheme.css" type="text/css">
</head>
<body>
<div id="maincontainer">
</div>
</body>
</html>
For the fixed version you will need to set the width to 780px and use margins:auto; to center it.
CSS:
Code:
body
{
background-color: #00000;
}
#maincontainer
{
margin-left:auto;
margin-right:auto;
width:780px;
border: 1px solid black;
}
"#" refers to id's and "." refers to classes. Generally you want to assign id's to unique elements on the page and classes to elements that will share the same properties.
Now there are two types of elements. There is the inline element which takes up only its length on a line and then there is the box element that takes the entire line. You need to know which ones are box and which are inline by default. Later on I will post a link to a table that shows most elements and their display type.
07-20-2008, 12:30 PM
Similar Threads
Linear Mode
