css fout?

Ey
ik ben bezig met een site maar ik kom nu al op 2 problemen!
klik hier!

FOUT 1:De tekst die je ziet staan zit niet in het vakje waar het hoort.
FOUT 2:Ik denk dat je hem al ziet. Het grote vak is niet helemaal goed hij zit in het vakje waar het menu komt.

How to fix?

// EDIT FOUT 1 OPGELOST

Html code:

<html> 
<head> 
<title>Starpagina: Home</title> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<div id="desc"> 
<div id="banner"><br><center>ONDERHOUD</center></div> 
<br /> 
<div id="menu"><br><center>BlaBla</center></div> 
<div id="con"><br><br><center>hoihoi</center></div> 
</body> 
</html>

Css:

img { border: 0; }

body {
  background-color: #C1EAF9;
}

#desc {
  font-family: Calibri;
  font-weight: bold;
  font-size: 17px;
  color: #0DCCED;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
  text-align: left
  padding-top: 4px;
  height: 19px;
  width: 700px;
  border: 0px;
}
#banner {
  background-image: url(img/banner.png);
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: 0px;
  margin-top: 0px;
  height: 148px;
  width: 1015px;
  border: 0px;
  float: center;
}
#menu {
  background-image: url(img/menu.png);
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: 0px;
  margin-top: 0px;
  height: 322px;
  width: 227px;
  border: 0px;
  float: left;
}
#con {
  background-image: url(img/con2.png);
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: 0px;
  margin-top: 0px;
  height: 321px;
  width: 794px;
  border: 0px;
  float: center;
}

laat codes zien dan

Bartv schreef:

laat codes zien dan

Is wel zo handig...

kan je toch gewoon uit zen website halen...

In IE ziet het er nog anders uit dan in FF....

Patricka schreef:

kan je toch gewoon uit zen website halen...

Okay, maar is wel handiger als hij ze gelijk erbij zet .

Codes toegevoegt

Codes toegevoegt
Sorry voor dubbel post!

Zoiets:

<html>
<head>
<title>Starpagina: Home</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="desc">
<div id="banner"><br><center>ONDERHOUD</center></div>
<br />
<div id="menu"><br><center>BlaBla</center></div>
<div id="con"><br><br><center>hoihoi</center></div>
</body>
</html>

Edit:
Fix is: verander css naar:

img { border: 0; }

body {
  background-color: #C1EAF9;
}

#desc {
  font-family: Calibri;
  font-weight: bold;
  font-size: 17px;
  color: #0DCCED;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
  text-align: left
  padding-top: 4px;
  height: 19px;
  width: 1500px;
  border: 0px;
}
#banner {
  background-image: url(img/banner.png);
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: 0px;
  margin-top: 0px;
  height: 148px;
  width: 1015px;
  border: 0px;
  float: center;
}
#menu {
  background-image: url(img/menu.png);
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: 0px;
  margin-top: 0px;
  height: 322px;
  width: 227px;
  border: 0px;
  float: left;
}
#con {
  background-image: url(img/con2.png);
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: 0px;
  margin-top: 0px;
  height: 321px;
  width: 794px;
  border: 0px;
  float: left;
}

Bedankt ^^

Slotje