Some sample CSS for debugging with different colored borders.
NB: The header is for WordPress
/*
Theme Name: Vijay's Theme 1
Theme URI: //www.vijay.no/
Description: Blue.
Version: 0.1
Author: Edward Cerullo
Author URI: //www.cerullo.no/
*/
@CHARSET "ISO-8859-1";
body {
background-color: #6666FF;
}
h1 {
color: darkblue;
font-family: arial;
}
#content {
margin: 0px;
padding: 0px;
border: 5px #006600 solid;
height: 650px;
}
#delimiter {
clear: both;
}
#footer {
margin: 0px;
border: 5px #000000 solid;
height: 50px;
text-align: center;
vertical-align: center;
}
#header {
margin: 0px;
border: 5px #000000 solid;
height: 50px;
text-align: center;
vertical-align: center;
}
#p1 {
float: left;
border: 5px #FFFFFF solid;
width: 49%;
height: auto;
}
#p2 {
float: right;
border: 5px #FFFFFF solid;
width: 49%;
height: auto;
}
#wrapper {
display: block;
border: 1px #FF0000 solid;
width: 100%;
margin: 0px auto;
}
.title {
font-size: 12pt;
font-family: verdana;
font-weight: bold;
}
Here are fixed and floating boxes.
!DOCTYPE html
html
head
link type="text/css" rel="stylesheet" href="stylesheet.css"/>
title>Result/title
/head>
body>
div id="outer"div id="inner"/div/div
/body>
/html>
div {
height: 100px;
width: 100px;
border-radius: 5px;
border: 2px solid black;
}
#inner {
height: 75px;
width: 75px;
background-color: #547980;
position: relative;
margin-left: 200px;
position: fixed;
}
#outer {
height: 1500px;
width: 150px;
background-color: #45ADA8;
position: absolute;
margin-left: 100px;
}