Header får konstig storlek [HTML]
God kväll
Jag är inte så himla bra på webdesign, men duger oftast haha Hur som helst, mitt problem är att jag försöker får min banner att se ut som denna hemsidan: http://www.djurensvarld.se/. Problemet är att ute vid högra och vänstra sidan på headern så blir tar min slut för en anledning. Jag har sett vissa fixa detta, men som sagt...jag förstår inte riktigt allt, och är lite förvirrande för alla förklarar olika.
Men resultatet blir detta:
Uploaded with ImageShack.us
Jag skapade Borders på mina boxar för att ni ska kunna skilja på dem lättare, efter som att jag vill ha min logotyp ska se som den andra hemsidan (djurens värld).
HTML-koden:
<?xml version="1.0"?>
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Välkommen till Karlshamns Zoologiska AB </title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="mincss.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="header">
<div class="logo">
</div>
</div>
<div class="huvudbox">
</div>
</body>
</html>
CSS:
body{
background-color: #fcfce6;
}
.header{
background-color: white;
border: 1px solid;
height: 152px;
}
.logo{
background-image: url(header2.png);
margin: 0 auto;
height: 147px;
width: 700px;
margin-top: 1px;
border: 1px solid;
}
.huvudbox{
background-color: white;
height: 650px;
width: 1000px;
border: 1px solid;
margin: 0px auto;
margin-top: 5px;
}
Bara fråga om det är något jag missat att förklara
