PDA

View Full Version : CSS problems driving me crazy



artdog
07-26-2006, 07:09 PM
I've got two problems in a site that should have been quite easy.
www.artdog.adslink.cz/flow

For some reason, I can't get the left navigation area to be 100% vertical. I just can't figure out what the problem is.

Also, I have a grey left and right border on the main content div. It shows up fine in IE but not in Firefox.

Someone help. Please! My head is spinning over this one.

Css is pasted below
/* CSS Document */
#wrap{
height:auto;
width:650px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}


#content {
height:auto;
width:650px;
margin: 0;
border-top-width: 8px;
border-right-width: 8px;
border-left-width: 8px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
}
#border {
background-color: #AFAFAF;
width: 8px;
height: 100%;
}
#header {
float: left;
height: 64px;
width: 649px;
border-bottom-width: 8px;
border-bottom-style: solid;
border-bottom-color: #CA9700;
border-top-color: #362E2C;
border-top-style: solid;
border-top-width: 8px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
}
#middle {
float: right;
height: 100%;
width: 650px;
border-right-color: #000000;
border-right-style: solid;
border-right-width: 1px;
background-color: #FFFFFF;
border-top-color: #000000;
border-top-width: 1px;
border-top-style: solid;

}
#left {
height: 100%;
width: 128px;
background-color: #E5E5E5;
border-right-style: solid;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-width: 1px;
float: left;
}
a.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 20pt;
color: #000000;
}
a.nav:hover {
font-size: 9pt;
color: #CA9700;
}
a.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
}
a.footer:hover {
color: #000000;
}
#navlinks {
height: 100%;
width: 110px;
padding-left: 20px;
}
#maintext {
float: left;
height: auto;
width: 472px;
padding-top: 10px;
padding-right: 20px;
padding-left: 25px;
}
.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: normal;
color: #330000;
width: 95%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
margin-bottom: 10px;
}
.bodytext {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 18pt;
text-align: justify;
}
#footer {
float: left;
width: 649px;
background-color: #cc9900;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
height: 30px;
border: 1px solid #000000;
}
#footer .copyright {
float: left;
margin-left: 20px;
margin-top: 8px;
}
#footer .privacy {
float: right;
margin-top: 8px;
margin-right: 20px;
}

boogyman
07-26-2006, 10:03 PM
ADD
background-repeat: repeat-y;

INTO



#left {
height: 100%;
width: 128px;
background-color: #E5E5E5;
border-right-style: solid;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-width: 1px;
float: left;
}

none
07-28-2006, 06:42 AM
http://www.eredetiseg-vizsgalat.hu/