lindenblüte
Neues Mitglied
Hallo ihr Lieben,
seit Tagen suche ich nach dem (wahrscheinlich für alle anderen auf den ersten Blick erkennbaren Fehler), der mir einen großen weißen Abstand zwischen die Überschrift und die simple image Bildergalerie schiebt. So siehts aus: portfolio
Habe ich einen Fehler im CSS gemacht?
Wäre toll, wenn jemand kurz mal draufschauen könnte.
Vielen Dank!
seit Tagen suche ich nach dem (wahrscheinlich für alle anderen auf den ersten Blick erkennbaren Fehler), der mir einen großen weißen Abstand zwischen die Überschrift und die simple image Bildergalerie schiebt. So siehts aus: portfolio
Habe ich einen Fehler im CSS gemacht?
Code:
body {
margin:0;
background-color:#fff;
font-family:'MisoBold';
font-size:1.2em;
}
#container {
position:relative;
width: 60em;
background-color:#fff;
margin: 1em auto;
}
#header {
margin-bottom: 1em;
line-height: 1.1;
padding-left: 1em;
padding-right: 33em;
}
#menu {
margin-top: 4em;
margin-left:1em;
width: 10em;
float:left;
border-right: 1.5px solid grey;
}
#menu ul {
list-style-type:none;
padding:0;
}
#menu a {
text-decoration:none;
display:block;
padding: 0.5em;
color:grey;
}
#menu a:hover {
border-bottom: 1.5px solid grey;
padding-left: 2em;
}
#content {
margin-left:13em;
margin-top: 4em;
margin-right: 1em;
padding:0.5em;
padding-left: 1em;
padding-right: 1em;
background-color: white;
color:grey;
line-height: 1.5;
min-height:320px;
height:auto !important;
height:320px;
}
p {
margin-bottom: 0;
}
p + p {
text-indent: 2em;
margin-top: 0;
}
#footer {
margin-bottom: 1.5em;
padding:1.5em;
position: relative;
}
#bottommenu {
position:absolute;
right: 2em;
bottom:0.3em;
}
#bottommenu ul {
list-style-type:none;
padding:0.5em;
}
#bottommenu li {
float:right;
text-decoration:none;
padding: 0.5em;
}
#bottommenu a {
text-decoration:none;
background-color:transparent;
padding: 0.5em;
color: grey;
}
#bottommenu a:hover {
border-bottom: 1.5px solid grey;
}
Wäre toll, wenn jemand kurz mal draufschauen könnte.
Vielen Dank!