Question

Locked

CSS Borders

By justinszabo ·
I am new to website and CSS and have run into a problem i can not seem to find a resolution for. Everytime i try to add a border to my website it shows up properly in IE but does not show up properly in firefox, below is my css, please help! Also, is there a way to use the "double" border peroperty and have it be two different colors?

html {
font: small/1.4 "Lucida grande", Tahoma, sans-serif;
}

#main {
font-family: Arial, Helvetica;
background-color: rgb(204,204,153);
color: rgb(0,51,51);
width: 855px;
border-width: 10px;
border-left-style: solid;
border-left-color: rgb(255, 185, 220);
border-right-style: solid;
border-right-color: #CCFFCC;
text-align: center;
margin: auto; /* Top, Right, Bottom, Left */
}

h1
{
font-family: Arial, Helvetica;
color: rgb(77, 51, 51);
text-align: center;
background-color: rgb(255, 255, 215); /* background color desired, Cream */
}
h2
{
font-family: Arial, Helvetica;
color: rgb(77, 51, 51);
text-align: center;
background-color: rgb(255, 255, 215); /* background color desired, Cream */
}

#ourvision {
font-family: Arial, Helvetica;
font-size: 100%;
font-weight: 600;
line-height: 1.5;
text-align: left;
color: rgb(77, 51, 51);
background-color: rgb(255, 255, 215); /* background color desired, Cream */
padding: 50px;/* Top, Right, Bottom, Left */
margin: auto; /* Top, Right, Bottom, Left */
float: left;
}

#palmlogo {
margin : auto; /* Top, Right, Bottom, Left */
padding: 0px; /* Top, Right, Bottom, Left */
height: auto;
width: auto;
}

#mexpics {
float: right;
height: auto;
width: auto;
background-color: rgb(255, 255, 215);
padding: 25px; /* Top, Right, Bottom, Left */
margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
}

#howwemet1 {
font-family: Arial, Helvetica;
font-size: 100%;
font-weight: 600;
line-height: 1.5;
text-align: left;
color: rgb(77, 51, 51);
background-color: rgb(255, 255, 215); /* background color desired, Cream */
padding: 50px;/* Top, Right, Bottom, Left */
margin: 0px; /* Top, Right, Bottom, Left */
float: left;
}

#sb2006 {
background-color: rgb(255, 255, 215);
float: right;
padding: 10px 10px 10px 10px; /* Top, Right, Bottom, Left */
margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
}
#shack {
background-color: rgb(255, 255, 215);
float: left;
padding: 10px 10px 10px 10px; /* Top, Right, Bottom, Left */
margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
}
#howwemet2 {
font-family: Arial, Helvetica;
font-size: 100%;
font-weight: 600;
line-height: 1.5;
text-align: left;
color: rgb(77, 51, 51);
background-color: rgb(255, 255, 215); /* background color desired, Cream */
padding: 50px;/* Top, Right, Bottom, Left */
margin: 0px; /* Top, Right, Bottom, Left */
float: left;
}
#proposal {
font-family: Arial, Helvetica;
font-size: 100%;
font-weight: 600;
line-height: 1.5;
text-align: left;
color: rgb(77, 51, 51);
background-color: rgb(255, 255, 215); /* background color desired, Cream */
padding: 50px;/* Top, Right, Bottom, Left */
margin: auto; /* Top, Right, Bottom, Left */
float: left;
}
p.picright {
background-color: rgb(255, 255, 215);
float: right;
padding: 10px 10px 10px 10px; /* Top, Right, Bottom, Left */
margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
}
p.picleft {
background-color: rgb(255, 255, 215);
float: left;
padding: 10px 10px 10px 10px; /* Top, Right, Bottom, Left */
margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
}
#lists1 {
line-height: 1.5;
text-align: left;
}
#lists2 {
line-height: 1.5;
text-align: left;
}
font.bold {
color: rgb(255, 0, 0);
font-weight: bolder;
}
blockquote.weather {
font-weight: 400;
}
#nav {
margin: 0px;
padding: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
line-height: 2.0;
background: #6f6146;
list-style-type: none;
width: auto;
float: left; /* Contain floated list items */

}

#nav li {
margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
padding: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
float: left;
}

#nav a {
float: left;
width: 120px; /* width of each button */
text-align: center;
color: #fff;
padding: 0px;
text-decoration: none;
line-height: 2.0;
border: 1.0px ridge rgb(255, 185, 220); /* navigation panel border, border color desired, light pink */
}

#nav #nav_rsv a {
border: none;
}

#nav a:hover {
background: #4f4532;
}

This conversation is currently closed to new comments.

2 total posts (Page 1 of 1)  
| Thread display: Collapse - | Expand +

All Answers

Share your knowledge
Back to Browser Forum
2 total posts (Page 1 of 1)  

Related Discussions

Related Forums