...

View Full Version : Question about some positioning on CSS



SWI03
10-23-2004, 05:26 AM
If someone would not mind looking at my CSS and HTML code for this page. I have only tested it in Firefox 1.0 release. So far it is looking good. Except for the left(blue) area. For some reason I cannot get it to go all the way down to my left footer div. Also the same for the right(gray) area. If someone can see where I am going wrong on it and point me in the right direction it would be greatly appreciated.

here is the link to the site

http://www.underwoodforassembly.org/new/

here is my css for it.


#leftheader{
background : #333399 url(../Templates/leftupc.jpg) no-repeat left;
float : left;
width : 8%;
margin-top :0px
}
#rightheader{
background : #333399 url(../Templates/rightupc.jpg) no-repeat right;
float : left;
width : 8%;
margin-top :0px
}
#redheader{
width : 49%;
height : 68px;
float : left;
clear : both;
height : 68px;
text-align : center;
background : #CC3300;
}
#flagheader{
width : 51%;
height : 68px;
float : left;
background : #CC3300 url(../images/flag.jpg) no-repeat right;
}
#blueleft{
background : #333399;
height : 100%;
width : 16%;
clear : left;
margin-top : -65px;
padding-top : 5px;
}
#motto{
height : 50px;
width : 65%;
margin-left : 16.5%;
padding-left : 65px;
border-bottom : 1px dashed Silver;
clear : left;
margin-top :0px;
}
#content{
text-align : justify;
float : left;
margin-left : 17%;
width : 69%;
margin-top : -540px;
}
#content#photo{
width : 140px;
padding-right : 5px;
}
#grayright{
background : #CDCDCD;
width : 12.5%;
height : 100%;
float : right;
margin-top : -540px;
}
#footer{
width: 100%;
height :20px;
clear : both;
}
#footerleft{
background : #333399 url(../Templates/leftbotc.jpg) no-repeat left;
width : 16%;
float : left;
margin-right : -10px;
margin-bottom : -40px;
height : 20px;
}
#footercenter{
background : url(../images/flagfade.jpg) repeat center;
width : 71.5%;
height : 20px;
margin-left : 16%;
font-weight : bold;
text-align : center;
font-size : .75em;
float : left;
}
#footerright{
background : #CDCDCD url(../Templates/grayrightbotc.jpg) no-repeat right;
width : 12.5%;
float : left;
height : 20px;
}
.addy {
color: #FFFFFF;
font-size : x-small;
font-family : "Times New Roman", Times, serif;
list-style : none outside none;
margin-left : -26%;
text-align : left;
}
A.global:ACTIVE{
color: #FFFFFF;
text-decoration: none;
text-align : left;
margin-left : 5px;
font-weight : bold;
font-size : 14px;
}
A.global:VISITED{
color: #FFFFFF;
text-decoration: none;
text-align : left;
margin-left : 5px;
font-weight : bold;
font-size : 14px;
}
A.global:LINK {
font-weight: bold;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
text-decoration: none;
text-align : left;
margin-left : 5px;
font-size : 14px;
}
A.global:Hover{
font-weight: bold;
font-family: "Times New Roman", Times, serif;
background : #DC143C top;
border : 1px inset Navy;
border-bottom : thin inset White;
border-right-color : White;
border-right-style : inset;
border-right-width : thin;
padding-right : 8px;
font-size : 14px;
}
.cname{
font-weight : bold;
font-size : 24px;
font-family :"Times New Roman", Times, serif;
text-align : center;
}
a.contacts:link {
text-align : center;
color : blue;
text-decoration : underline;
}
a.contacts:Active{
text-align : center;
color : blue;
text-decoration : underline;
}
H2 {
color : #8B0000;
font-family : "Times New Roman", Times, serif;
text-align : center;
}
H3 {
font-family : "Times New Roman", Times, serif;
text-align : center;
color : Black;
}
/* Name Header in header*/
#nameheader{
font-family : "Times New Roman", Times, serif;
font-size : 26px;
font-weight : bolder;
padding-left : 20px;
margin-top : 115px;
}
/* platform Campaign Phrase style*/
.platphrase {
color : Navy;
font-size : 2em;
font-weight : bold;
font-style : italic;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : center;
height : 50px;
width : 65%;
margin-left : 16.5%;
padding-left : 65px;
border-bottom : 1px dashed Silver;
clear : both;
margin-top :0px;
}
/* dashes for tables*/
.dashes {
margin: 0.2em 0.2em;
border-bottom: 1px dashed Gray;
}
/*volunteer form layout*/
.uform{
border : 1px solid Blue;
background-color : #DCDCDC;
}
.uformtextarea{
border : 1px solid Blue;
background-color : #DCDCDC;
}
.fsub {
background : Silver left;
border-color : Red Blue Blue Red;
}
.eletter{
background-color: #F0F8FF;
border: 1px dashed Gray;
font-size : 77%;
color : Navy;
text-align : left;
width : 99%;
}
A.lobal:ACTIVE{
color: #FFFFFF;
text-align : center;
margin-left : 5px;
font-weight : bold;
font-size : 14px;
border : thick solid Red;
display :block;
text-decoration : none;
}
A.lobal:VISITED{
color: #FFFFFF;
text-align : center;
margin-left : 5px;
font-weight : bold;
font-size : 14px;
border : thick solid Red;
display : block;
text-decoration : none;
}
A.lobal:LINK {
font-weight: bold;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
border : thick solid Red;
display : block;
text-align : center;
margin-left : 5px;
font-size : 14px;
text-decoration : none;
}

A.lobal:Hover{
font-weight: bold;
font-family: "Times New Roman", Times, serif;
border : thick solid Red;
display :block;
font-size : 14px;
color : Red;
text-decoration : none;
background-color : White;
}
.bio { text-decoration: underline}
.biocolor { color: #000066; text-decoration: underline}
.mdcolor { color: #333399}
#seventh {
font-size: 1.2em;
padding-left : 25px;
position : relative;
}
#main {
background:#fff;
}
#main #photo {
float:left;
width:140px;
padding : 0px 10px 0px 5px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum