Ik ben voor mezelf een CMS aan het maken. Echter loop ik tegen een probleem aan waar ik zelf even geen oplossing meer voor zie.
Als ik het logo zoals te zien is op het eerste screenshot: "float: left;" meegeef, krijg ik het resultaat zoals op screenshot 2 te zien is. Oftewel de blauwe achtergrond is weg.
Hopelijk kan iemand mij helpen, ik zie namelijk zelf niet meer hoe ik dit kan oplossen.
Dimitri
Screenshot 1: www.dimitrigeers.nl/bug-1.png
Screenshot 2: www.dimitrigeers.nl/bug-2.png
<html>
<head>
<title>Dimiti Geers CMS</title>
<link href="style.css" rel="Stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="content">
<div id="logo"><img src="images/logo-wit.png" style="width: 100%; height: auto;"></div>
<div id="header-gegevens">
<b>Dimitri Geers</b><br/>
Administrator<br/><br/>
Instellingen | Uitloggen
</div>
</div>
</div>
</body>
</html>@font-face {
font-family: 'MavenPro';
src: url('fonts/MavenProLight-200.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
html, body {
padding: 0px;
margin: 0px;
}
#header {
background-color: #3499D5;
width: 100%;
height: auto;
margin: 0px;
}
#header #content {
width: 80%;
height: auto;
clear: both;
margin: 0px auto;
}
#header #content #logo {
width: 30%;
height: auto;
margin-left: 10%;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
#header #content #header-gegevens {
width: 40%;
height: auto;
float: right;
}
