Hjelp med CSS - problemer med borders

[Gissan]

Hei!

 

Som du sikkert ser på bildet, har jeg problemer med borders i CSS. Koden fra CSS er også lagt ved.

 

 

Klikk for å se/fjerne innholdet nedenfor

body {
margin: 0px;
padding: 0px;
background: #8eb5bc url(images/bakgrunn.png) repeat-y center top;
text-align: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #9a9a9a;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}

a {
font-weight: bold;	
text-decoration: none;
color: #000000;
}

a:hover {
text-decoration: underline;
color: #000000;
}

/*Header*/

#header {
width: 768px;
height: 250px;
margin: 0px auto;
padding: 10px 0px;
background: #FFFFFF url(images/header.jpg);
border-right: 1px solid #666666;
border-left: 1px solid #666666;
}

#header h1 {
margin: 0px;
padding: 0px 0px 0px 10px;
text-align: left;
color: #FF0000;
font-size: 3em;
text-transform: none;
}

#header h2 {
margin: 0px;
padding: 0px 0px 0px 20px;
text-align: left;
font-size: 1.5em;
text-transform: uppercase;
}

/*Meny*/

#menu {
width: 768px;
margin: 0px auto;
padding: 5px 0px 5px 0px;
background-color: #FFFFFF;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
}

#menu li {
display: inline;
}

#menu a {
padding: 5px 15px;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #000000;
}

#menu a:hover {
color: #FFFFFF;
background-color: #000000;
}

/*Content*/

#content {
width: 770px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: url(images/back-footer.png) repeat-y center top;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
font-weight: 600;
float: inherit;
text-align: center;
text-decoration: underline;
}

#content p, #content ul, #content ol {
line-height: 100%;
color: #000000;
height: inherit;
}

#left {
float: left;
width: 476px;
padding: 5px 20px 40px 20px;
color: #000000;
height: auto;
border-left: 1px solid #666666;
}

#right {
float: right;
width: 226px;
padding: 0px 15px 40px 10px;
color: #FFFFFF;
}

/*Footer*/

#footer {
clear: both;
width: 770px;
margin: 0px auto;
border-top: 1px solid #666666;
background: url(images/back-footer.png) repeat-y center top;
font-size: 9px;
text-align: center;
padding: 0px;
color: #000000;
height: auto;
}

[JohnRichard]

Svarte deg i Webkaféen.

 

https://www.diskusjon.no/index.php?showtopic=205410&st=440403

Endret 23. mars 2007 av JohnRichard

[Ståle]

prøv med

* {

margin: 0;

padding: 0;

}