I will enclose a pic of the layout and the style sheet. Im having a trouble with a few things such as you will see in the image the red box which will then become the secondary navigation is not floating right of the green content area. Note the colors are only temporary. Also in the footer whilst viewing in firefox any time you enter a paragraph tag with text in it it jumps out of the footer and below it.
Any help is appreciated.
Thanks againHere is the css -
body {
margin:0;
padding:10px 0 0 0;
}
img {
border:0;
}
#contain {
width:75%;
margin:auto;
border:1px solid #808080;
}
#header {
height:140px;
background-color:#000000;
}
#spacer {
height:3px;
background-color:#DBDBDB;
border: 1px solid #808080;
border-left:0px;
border-right:0px;
}
#nav {
height:18px;
background-color:#000000;
}
#content {
width:80%;
height:100px;
background-color:#008000;
}
#nav2 {
width:20%;
height:100px;
clear:both;
background-color:#FF0000;
}
#footer {
height:10px;
clear:both;
background-color:#DBDBDB;
border-top:1px solid #808080;
}We will need the HTML code that goes along with the CSS to be of any help.
Any help is appreciated.
Thanks againHere is the css -
body {
margin:0;
padding:10px 0 0 0;
}
img {
border:0;
}
#contain {
width:75%;
margin:auto;
border:1px solid #808080;
}
#header {
height:140px;
background-color:#000000;
}
#spacer {
height:3px;
background-color:#DBDBDB;
border: 1px solid #808080;
border-left:0px;
border-right:0px;
}
#nav {
height:18px;
background-color:#000000;
}
#content {
width:80%;
height:100px;
background-color:#008000;
}
#nav2 {
width:20%;
height:100px;
clear:both;
background-color:#FF0000;
}
#footer {
height:10px;
clear:both;
background-color:#DBDBDB;
border-top:1px solid #808080;
}We will need the HTML code that goes along with the CSS to be of any help.