BlueBull
Grünschnabel
Hallo zusammen, ich bin gerade dabei eine Template zusammenzubauen und habe es bis Header schon geschafft, bis auf einen kleinen Fehler. Ein Span ID "facebookpartner" ist bzw. steht zu weit rechts als erlaubt. Es muss nur bis am rechten Rand im einem DIV ID "content" stehen und nicht über.
Ich habe jetzt schon seit Ewigkeiten versucht das Problem allein zu lösen, doch leider klappt es nicht so ganz.
Hier mal das CSS:
Und hier HTML:
Danke für die Hilfe!
Ich habe jetzt schon seit Ewigkeiten versucht das Problem allein zu lösen, doch leider klappt es nicht so ganz.
Hier mal das CSS:
Code:
html {
background-color: #ffffff;
}
body {
margin: 0px;
padding: 0px;
}
div.header {
position: fixed;
background-image: url('../template/headerbg.png');
background-repeat: repeat-x;
width: 100%;
height: 170px;
}
div.content {
position: fixed;
width: 1010px;
height: 500px;
left: 50%;
margin-left: -505px;
}
div.logobar {
background-image: url('../template/logobarbg.png');
background-repeat: no-repeat;
width: 1010px;
height: 83px;
padding: 30px;
}
span.logo {
background-image: url('../template/logo.png');
background-repeat: no-repeat;
width: 351px;
height: 45px;
display: block;
float: left;
}
span.facebookpartner {
background-image: url('../facebookpartner/fb_partner5.png');
background-repeat: no-repeat;
width: 230px;
height: 45px;
display: block;
float: right;
}Und hier HTML:
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Index</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="header"></div>
<div class="content">
<div class="logobar">
<span class="logo"></span>
<span class="facebookpartner"></span>
</div>
</div>
</body>
</html>Danke für die Hilfe!
