Offtopic: Wat ik vreemd vind is dat de tekst op de site in de derde persoon is geschreven. Het is de site van een freelancer. Het lijkt mij dan logischer om de ik-vorm te gebruiken. Nu ziet het er uit als een beoordeling van iemand anders.
Ontopic: Als ik dit toevoeg aan je css is het opgelost:
Echter:
Dit is nou niet echt een constructieve oplossing. Je site werkt onnodig met frames. Qua design is dat niet nodig.
Om nou niet helemaal destructief bezig te zijn, probeer onderstaande code eens:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Astrid de Sticker</title>
<style type="text/css">
body, html {
margin:0;
padding:0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color:#06235E;
background-image: url(http://www.astridvankleef.nl/images/site%20astrid%20links.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#contentcontainer {
margin-left: 200px;
width:824px;
}
#mainheader {
overflow:auto;
background-color:#cbcfda;
color:#06235E;
}
#mainheader ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#mainheader li {
float: left;
_width: 10px; /* width needed or else Opera goes nuts */
min-width: 10px;
padding-left:0;
padding-right:0;
padding-top:50px;
margin-bottom:20px;
}
#mainheader a {
display: block;
width:125px;
padding:10px;
color: #06235E;
text-align:center;
text-decoration:none;
font-weight:bolder;
white-space: nowrap;
}
#mainheader a.active {
background-color:#06235E;
color:#cbcfda;
}
#mainheader a:hover {
background-color:#06235E;
color:#cbcfda;
}
h1 {
font-family: 'Arial black';
background-color:#cbcfda;
color:#06235E;
padding-top:160px;
padding-left:60px;
margin:0;
font-weight:bolder;
font-size:25px;
letter-spacing: -2px;
}
h2 {
color:#06235E;
padding-left:210px;
font-size:20px;
font-weight:normal;
margin:0;
}
#maincontent {
padding:20px;
}
</style>
</head>
<body>
<div id="contentcontainer">
<div id="mainheader">
<ul>
<li><a class="active" href="overastrid.html">Over Astrid</a></li>
<li><a href="opdrachtgevers.html">Opdrachtgevers</a></li>
<li><a href="cv.html">CV</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<h1>Welkom bij Astrid van Sticker</h1>
<h2>projectmanagement & managementservices</h2>
<div id="maincontent">
<p>Astrid van Kleef werkt sinds maart 2006 als freelancer. De opdrachten die ze uitvoert liggen op het gebied van management ondersteuning. Met andere woorden, u kunt haar inzetten, als tijdelijke medewerker op het gebied van:</p>
<ul>
<li>Project ondersteuning</li>
<li>Evenementen organisatie</li>
<li>Secretariaats medewerker</li>
<li>Project management</li>
<li>Personal Assistent</li>
</ul>
<p>Kenmerken van haar inzet zijn: persoonlijke en doortastende aanpak van werkzaamheden met een vleugje humor.</p>
</div>
</div>
</body>
</html> |
Dit is nagenoeg hetzelfde als jij hebt. Echter zonder frames en de pagina is Valid HTML 4.01 Strict.
D'r zitten nog wel wat kleine zaken in die verschillen per browser. Zoals de hoogte van het H1-element.
[
Voor 87% gewijzigd door
sopsop op 31-07-2007 00:19
]
/u/147751/avatar455992_1.gif.png?f=community){kind=avatar}
:strip_exif()/u/54199/crop5fac3f2ee1eff.gif?f=community)
/u/7685/ruinmytune-60x60.png?f=community)
ga nu eerst maar ff zelf modderen. En kom maar weer terug als je er echt niet uitkomt.
:strip_icc():strip_exif()/u/39286/crop59ec5b33730d2_cropped.jpeg?f=community)
(sommige tekst moet in het grijze vlak)