Nightloewe
Neues Mitglied
Hallo,
Undzwar funktioniert auf meiner Seite bei einem DIV die Height nicht und das nur, wenn ich Prozentangaben und keine Pixelangaben dafür nutze. Ich hoffe ihr könnt mein Problem lösen. Das DIV das nicht mit der Height funktioniert ist die Sidebar links, die etwas grau ist.
Meine Website
CSS-Code:
Undzwar funktioniert auf meiner Seite bei einem DIV die Height nicht und das nur, wenn ich Prozentangaben und keine Pixelangaben dafür nutze. Ich hoffe ihr könnt mein Problem lösen. Das DIV das nicht mit der Height funktioniert ist die Sidebar links, die etwas grau ist.
Meine Website
CSS-Code:
Code:
a { text-decoration: none; color: #403A3A; }
a:hover { color: #4D89BA; }
html, body {
height:100%;
}
body {
margin: 0;
padding: 0;
font-family: Arial;
background-image: URL(wallpaper.jpg);
background-attachment: fixed;
}
#page-wrapper {
margin: 0;
padding: 0;
width:960px;
margin: 0 auto;
background-color: #403A3A;
}
#logo-wrapper { margin: 0; padding: 0; width:960px; margin: 0 auto; }
#page {
width: 960px;
margin: 0 auto;
background-color: white;
height: 0px;
}
#main-wrapper, #breadcrumb, #container { background-color: white; }
#navigation {
background-color: #1E84A6;
width: 100%;
height: 60px;
}
#navigation ul {
display: inline-block;
}
#navigation a {
font-size: 16px;
text-decoration: none;
color: #BDBDBD;
padding-top: 20px;
padding-bottom: 21px;
padding-right: 10px;
padding-left: 10px;
position: relative;
top: 4px;
transition: 0.5s ease-in-out 0s;
}
#navigation a:hover {
color: white;
background-color: #0B6B8B;
}
#secondary-menu {
border-left: 1px solid #D8D8D8;
}
#content,
#sidebar-first,
#sidebar-second {
float: left;
display: block;
position: relative;
height: 100%;
}
#sidebar-first, #sidebar-second { background-color: #F2F2F2;}
.sidebar {
display: inline-block;
height: 100%;
}
#main {
height: 100%;
}
#content {
width: 100%;
}
body.sidebar-first #content {
width: 80%;
left: 20%; /* LTR */
}
body.sidebar-second #content {
width: 80%;
}
body.two-sidebars #content {
width: 60%;
left: 20%;
}
#sidebar-first {
width: 20%;
left: -80%; /* LTR */
}
body.two-sidebars #sidebar-first {
height: 100%;
left: -60%; /* LTR */
}
#sidebar-second {
float: right; /* LTR */
width: 20%;
}
.section {
margin: 10px;
}
#footer { background-color: #403A3A; padding: 5px;
-webkit-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
color: #403A3A;
}
input[type=text] { webkit-appearance: none; border-radius: 0px; border: 2px solid #D8D8D8; box-shadow: none; margin-bottom: 5px; padding: 5px; }
input[type=password] { webkit-appearance: none; border-radius: 0px; border: 2px solid #D8D8D8; box-shadow: none; padding: 5px; }
input[type=text]:hover { border: 2px solid grey; }
input[type=password]:hover { border: 2px solid grey; }
input[type=text]:focus { border: 2px solid #4D89BA; }
input[type=password]:focus { border: 2px solid #4D89BA; }
input[type=button] { webkit-appearance: none; border-radius: 0px; border: 1px solid #8EBDD9; background-color: #2F7299; padding: 5px; box-shadow: none; color: white; }
input[type=submit] { webkit-appearance: none; border-radius: 0px; border: 1px solid #8EBDD9; background-color: #2F7299; padding: 5px; box-shadow: none; color: white; width: 100%; }