HTML interesse |
|
Ik heb een probleempje met de uitlijning van een site waar ik mee bezig ben. (heb al het grafische er even afgelaten)
Zoals je ziet bij de tekst floating content, die staat onder de hoogte van het menu, en dat moet gelijk komen onder de header.
En voor zover ik er verstand van heb staat alles goed in me CSS.
Maar dat zal wel niet want word niet weergegeven zoals ik zou willen.
Is er iemand die een kijkje naar de code zou willen en mij dan kan vertellen wat ik verkeerd doe?
Alvast bedankt.
http://www.marly-it.nl/images/probleem.jpg
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="stijlen/mit.css" TYPE="text/css">
</head>
<body>
<div class="header">
<p>Header</p>
</div>
<div class="menu">
Home<br>
Contact<br>
Medewerkers<br>
Vestigingen<br>
Referenties<br>
Bedrijven<br>
</div>
<div class="content">
<p>Floating Content</p>
<p>Floating Content</p>
<p>Floating Content</p>
</div>
</body>
</html>
<!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" xml:lang="en" lang="en"> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="stijlen/mit.css" TYPE="text/css">
html {
text-align: center;
font: 10px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
background-color: #efefef;
color: #4b4b4b;
}
body {
margin: 0 auto;
padding: 0;
width: 80%;
text-align: left;
}
div.header {
background-color: #ffffff;
height: 100px;
}
div.menu {
margin-left: 0px;
width: 200px;
}
div.content {
margin-left: 200px;
align: top;
}
p {
font-size: 11px;
margin-bottom: 15px;
}
html { text-align: center; font: 10px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; background-color: #efefef; color: #4b4b4b; } body { margin: 0 auto; padding: 0; width: 80%; text-align: left; } div.header { background-color: #ffffff; height: 100px; } div.menu { margin-left: 0px; width: 200px; } div.content { margin-left: 200px; align: top; } p { font-size: 11px; margin-bottom: 15px; }
[wiki]
|