Website centeren...hoe?
Ik heb een website gemaakt HTML + css alleen staat nu alles in linker boven hoek en ik zou graag mijn website in het midden van de pagina willen hebben alleen weet ik niet hoe ik dit voor elkaar krijg ik heb al het volgende geprobeerd:
<center></center> (Werkte niet)
ook heb heb ik ding in het css script geprobeerd maar dat werkt ook niet.
Het css script heeft een kennis van me gemaakt, aangezien hij nu op vakantie is kan ik niet om hulp vragen, dus misschien dat jullie me kunnen helpen.
Edit: ik zal ff zoeken op google.
Gewijzigd op 01/01/1970 01:00:00 door Antonov tonova
Gewoon even zoeken naar iets van:
Center website with css
Of iets in die trend
Voor eens en altijd de code (verder eerst ff googlen, of dit goed onthouden)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<title>css center site</title>
<style type="text/css">
body {
background-color: yellow;
text-align: center;
}
div#container {
width: 400px;
height: 200px;
background-color: #ff0000;
margin: 0 auto;
text-align: left;
}
</style>
</head>
<body>
tekst
<div id="container">
tekst
</div>
</body>
</html>
<head>
<title>css center site</title>
<style type="text/css">
body {
background-color: yellow;
text-align: center;
}
div#container {
width: 400px;
height: 200px;
background-color: #ff0000;
margin: 0 auto;
text-align: left;
}
</style>
</head>
<body>
tekst
<div id="container">
tekst
</div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door Rens nvt
ik heb gezocht op Google, maar kan niet iets echt iets vinden wat ik begrijp.
Ben tot slot een beginner in html en css.
Me kennis is wat gevorderd er in dan mij, vandaar dat hij mijn had geholpen.
zal ik ander me script posten misschien dat jullie me kunnen vertellen waar ik het tussen moet stopen ?
O ja hoe zet je ook alweer z'n kader er om heen zo als bij het script van Rens Admiraal ?
lars schreef op 05.09.2008 14:53:
@Rens Admiraal:
ik heb gezocht op Google, maar kan niet iets echt iets vinden wat ik begrijp.
Ben tot slot een beginner in html en css.
Me kennis is wat gevorderd er in dan mij, vandaar dat hij mijn had geholpen.
zal ik ander me script posten misschien dat jullie me kunnen vertellen waar ik het tussen moet stopen ?
O ja hoe zet je ook alweer z'n kader er om heen zo als bij het script van Rens Admiraal ?
ik heb gezocht op Google, maar kan niet iets echt iets vinden wat ik begrijp.
Ben tot slot een beginner in html en css.
Me kennis is wat gevorderd er in dan mij, vandaar dat hij mijn had geholpen.
zal ik ander me script posten misschien dat jullie me kunnen vertellen waar ik het tussen moet stopen ?
O ja hoe zet je ook alweer z'n kader er om heen zo als bij het script van Rens Admiraal ?
@lars dat kan met < ? php
Code (php)
1
<?php test ?>
Code (php)
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="NL"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Webserver4u handleidingen</title>
<meta name="robots" content="none">
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
if (screen.width >= 1270)
{
document.write("<link href=/css/stylesheet2.css\" rel=\"stylesheet\" type=\"text/css\" />");
}
//-->
</script><link href="css/stylesheet2.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="css/menu.js"></script>
<div id="main">
<div id="content"><h1>Binnenkort onze nieuwe website</h1>
We vragen u nog even gedult te hebben.<br>
</div>
<div id="copyright">
Copyright webserver4u handleidingen 2002-2008 [alle rechten voorbehouden]<br>
</div>
</div>
<div id="top">
</div>
<div id="left">
<div id="search">
Hier komt binnen kort een zoek fuctie<br>
</div>
<div id="menu">
<ul class="nav" id="nav">
<li><a href="index.htm">Home</a></li>
<li><a href="#" class="nolink">Algemeen<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Het Systeem</a></li>
<li><a href="404.html">De Software</a></li>
<li><a href="404.html">Voorbereiding</a></li>
<li><a href="404.html">Notepad++</a></li>
<li><a href="404.html">IP Adres (Provider)</a></li>
<li><a href="404.html">IP Adres (Lokaal)</a></li>
<li><a href="404.html">Router instellen</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Systeem bescherming<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Clamwin Antivirus</a></li>
<li><a href="404.html">Installatie van Clamwin Antivirus</a></li>
<li><a href="404.html">Configuratie van Clamwin Antivirus</a></li>
<li><a href="404.html">Overzicht van Clamwin Antivirus</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">Spyware Terminator</a></li>
<li style="height: 39px;"><a href="404.html">Installatie van Spyware Terminator</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van Spyware Terminator</a></li>
<li><a href="404.html">Overzicht van Spyware Terminator</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Besturings pakketten<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Java</a></li>
<li><a href="404.html">Installatie van Java(JRE)</a></li>
<li><a href="404.html">Installatie van Java(J2EE)</a></li>
<li><a href="404.html">Java testen</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">.Net Framework</a></li>
<li><a href="404.html">Installeren van .Net Framework 2</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Apache webserver<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Apache</a></li>
<li><a href="404.html">Installatie van Apache 2</a></li>
<li><a href="404.html">Testen van Apache 2</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van Apache (.htaccess)</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van Apache (documentroot)</a></li>
<li><a href="404.html">Configuratie van Apache (aliases)</a></li>
</ul>
</li>
<li><a href="#" class="nolink">PHP compiler<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">PHP compiler</a></li>
<li><a href="404.html">Installatie van PHP 5</a></li>
<li><a href="404.html">Padnaam van PHP 5 toevoegen</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van PHP 5 als module van Apache 2</a></li>
<li><a href="404.html">Configuratie van PHP (safe mode)</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van PHP (upload filesize)</a></li>
<li><a href="404.html">PHP testen</a></li>
</ul>
</li>
<li><a href="#" class="nolink">MySQL database<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">MySQL database</a></li>
<li><a href="404.html">Installatie van MySQL 5</a></li>
<li><a href="404.html">Configuratie van MySQL 5</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van MySQL (strictmode)</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van PHP 5 voor MySQL 5</a> </li>
<li><a href="404.html">MySQL testen</a> </li>
</ul>
</li>
<li><a href="#" class="nolink">MySQL database beheer<span class="arrow"> </span></a>
<ul class="nav">
<li style="height: 39px;"><a href="404.html">MySQL beheren met SQLyog (beheerder)</a></li>
<li><a href="404.html">Installatie van SQLyog</a></li>
<li style="height: 39px;"><a href="404.html">Met SQLyog een database toevoegen of verwijderen</a></li>
<li style="height: 39px;"><a href="404.html">Met SQLyog een gebruiker toevoegen</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">MySQL beheren met PHPmyadmin</a></li>
<li><a href="404.html">Installatie van PHPmyadmin</a></li>
<li><a href="404.html">Configuratie van PHPmyadmin</a></li>
<li style="height: 39px;"><a href="404.html">Met PHPmyadmin een database leegmaken (gebruiker)</a></li>
</ul>
</li>
<li><a href="#" class="nolink">FTP server<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">FTP server (CesarFTP)</a></li>
<li><a href="404.html">Installatie van CesarFTP</a></li>
<li><a href="404.html">Configuratie van CesarFTP</a></li>
<li><a href="404.html">CesarFTP GUI bij opstarten</a></li>
<li style="height: 39px;"><a href="404.html">Een gebruiker toevoegen met CesarFTP</a></li>
<li><a href="404.html">Inloggen op een FTP server</a></li>
</ul></li>
<li><a href="#" class="nolink">Server Statistieken<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Server statistieken (Analog)</a></li>
<li><a href="404.html">Installatie van Analog</a></li>
<li><a href="404.html">Configuratie van Analog</a></li>
<li><a href="404.html">Statistieken van Analog</a></li>
<li style="height: 39px;"><a href="404.html">Statistieken van Analog (taakplanner)</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">Server statistieken (Reportmagic)</a></li>
<li><a href="404.html">Installatie van Reportmagic</a></li>
<li style="height: 39px;"><a href="404.html">Installatie van Reportmagic (taalpakket)</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van Analog voor Reportmagic</a></li>
<li><a href="404.html">Configuratie van Reportmagic</a></li>
<li><a href="404.html">Statistieken van Reportmagic</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Backup<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Backup (Cobian)</a></li>
<li><a href="404.html">Installatie van Cobian backup</a></li>
<li><a href="404.html">Configuratie van Cobian backup</a></li>
<li><a href="404.html">Instellen van Cobian backup</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Mail server<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Mailserver (hMailserver)</a></li>
<li style="height: 39px;"><a href="404.html">Installatie van hMailserver (algemeen)</a></li>
<li style="height: 39px;"><a href="404.html">Installatie van hMailserver (Database)</a></li>
<li><a href="404.html">Configuratie van hMailserver</a></li>
<li><a href="404.html">Configuratie van PHP (mailserver)</a></li>
<li><a href="404.html">Mail server testen</a></li>
<li style="height: 39px;"><a href="404.html">E-mail berichten binnenhalen (Microsoft Office Outlook 2007)</a></li>
<li><a href="404.html">Werking mailserver (Verzenden)</a></li>
<li><a href="404.html">Werking mailserver (ontvangen)</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Domeinnaam</a><span class="arrow"> </span>
<ul class="nav">
<li><a href="404.html">Gratis domeinnaam (DynDNS)</a></li>
<li><a href="404.html">Account aanmaken op DynDNS</a></li>
<li><a href="404.html">Domeinnaam aanmaken op DynDNS</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Extra Configuraties</a><span class="arrow"> </span>
<ul class="nav">
<li><a href="404.html">Schematisch overzicht webserver</a></li>
<li><a href="404.html">Overzicht (Configuratie)</a></li>
<li><a href="404.html">Overzicht (Log)</a></li>
<li><a href="404.html">Overzicht (Poorten)</a></li>
<li><a href="404.html">Overzicht (Onderhoud en services)</a></li>
<li><a href="404.html">Server kosten</a></li>
<li style="height: 39px;"><a href="404.html">Windows (instellen van een wachtwoord)</a></li>
<li style="height: 39px;"><a href="404.html">Windows (instellen QoS pakketplanner)</a></li>
<li><a href="404.html">Zoekmachine</a></li>
<li><a href="404.html">META tags</a></li>
<li><a href="404.html">Aanmelden bij een zoekmachine</a></li>
<li><a href="404.html">Website (robots.txt)</a></li>
<li><a href="404.html">Website (favicon)</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">Exstra software</a></li>
<li><a href="404.html">Image magick</a></li>
<li><a href="404.html">Installatie van Image magick</a></li>
<li><a href="404.html">GD2 (PHP module)</a></li>
<li style="height: 39px;"><a href="404.html">Onderhoud op afstand (extern bureaublad)</a></li>
<li><a href="404.html">Onderhoud op afstand (VNC)</a></li>
<li><a href="404.html">Installatie van VNC server</a></li>
<li><a href="404.html">Inloggen met VNC viewer</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">Systeem informatie (PHPsysinfo)</a></li>
<li><a href="404.html">Installatie van PHPsysinfo</a></li>
<li><a href="404.html">Configuratie van PHPsysinfo</a></li>
<li><a href="404.html">Overzicht van PHPsysinfo</a></li>
</ul>
</li>
</div>
<div id="payserver">
Dit onderdeel is nog niet beschikbaar<br>
<!--- Dit is het rechte stuk van de website-->
</div>
<div id="right">
<div id="news1">
Dit onderdeel is nog niet beschikbaar<br>
</div>
<div id="news2">
Dit onderdeel is nog niet beschikbaar<br>
</div>
<div id="news3">
Dit onderdeel is nog niet beschikbaar<br>
</div>
<div id="news4">
Dit onderdeel is nog niet beschikbaar<br>
</div>
<div id="news5">
Dit onderdeel is nog niet beschikbaar<br>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="NL"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Webserver4u handleidingen</title>
<meta name="robots" content="none">
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
if (screen.width >= 1270)
{
document.write("<link href=/css/stylesheet2.css\" rel=\"stylesheet\" type=\"text/css\" />");
}
//-->
</script><link href="css/stylesheet2.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="css/menu.js"></script>
<div id="main">
<div id="content"><h1>Binnenkort onze nieuwe website</h1>
We vragen u nog even gedult te hebben.<br>
</div>
<div id="copyright">
Copyright webserver4u handleidingen 2002-2008 [alle rechten voorbehouden]<br>
</div>
</div>
<div id="top">
</div>
<div id="left">
<div id="search">
Hier komt binnen kort een zoek fuctie<br>
</div>
<div id="menu">
<ul class="nav" id="nav">
<li><a href="index.htm">Home</a></li>
<li><a href="#" class="nolink">Algemeen<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Het Systeem</a></li>
<li><a href="404.html">De Software</a></li>
<li><a href="404.html">Voorbereiding</a></li>
<li><a href="404.html">Notepad++</a></li>
<li><a href="404.html">IP Adres (Provider)</a></li>
<li><a href="404.html">IP Adres (Lokaal)</a></li>
<li><a href="404.html">Router instellen</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Systeem bescherming<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Clamwin Antivirus</a></li>
<li><a href="404.html">Installatie van Clamwin Antivirus</a></li>
<li><a href="404.html">Configuratie van Clamwin Antivirus</a></li>
<li><a href="404.html">Overzicht van Clamwin Antivirus</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">Spyware Terminator</a></li>
<li style="height: 39px;"><a href="404.html">Installatie van Spyware Terminator</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van Spyware Terminator</a></li>
<li><a href="404.html">Overzicht van Spyware Terminator</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Besturings pakketten<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Java</a></li>
<li><a href="404.html">Installatie van Java(JRE)</a></li>
<li><a href="404.html">Installatie van Java(J2EE)</a></li>
<li><a href="404.html">Java testen</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">.Net Framework</a></li>
<li><a href="404.html">Installeren van .Net Framework 2</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Apache webserver<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Apache</a></li>
<li><a href="404.html">Installatie van Apache 2</a></li>
<li><a href="404.html">Testen van Apache 2</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van Apache (.htaccess)</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van Apache (documentroot)</a></li>
<li><a href="404.html">Configuratie van Apache (aliases)</a></li>
</ul>
</li>
<li><a href="#" class="nolink">PHP compiler<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">PHP compiler</a></li>
<li><a href="404.html">Installatie van PHP 5</a></li>
<li><a href="404.html">Padnaam van PHP 5 toevoegen</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van PHP 5 als module van Apache 2</a></li>
<li><a href="404.html">Configuratie van PHP (safe mode)</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van PHP (upload filesize)</a></li>
<li><a href="404.html">PHP testen</a></li>
</ul>
</li>
<li><a href="#" class="nolink">MySQL database<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">MySQL database</a></li>
<li><a href="404.html">Installatie van MySQL 5</a></li>
<li><a href="404.html">Configuratie van MySQL 5</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van MySQL (strictmode)</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van PHP 5 voor MySQL 5</a> </li>
<li><a href="404.html">MySQL testen</a> </li>
</ul>
</li>
<li><a href="#" class="nolink">MySQL database beheer<span class="arrow"> </span></a>
<ul class="nav">
<li style="height: 39px;"><a href="404.html">MySQL beheren met SQLyog (beheerder)</a></li>
<li><a href="404.html">Installatie van SQLyog</a></li>
<li style="height: 39px;"><a href="404.html">Met SQLyog een database toevoegen of verwijderen</a></li>
<li style="height: 39px;"><a href="404.html">Met SQLyog een gebruiker toevoegen</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">MySQL beheren met PHPmyadmin</a></li>
<li><a href="404.html">Installatie van PHPmyadmin</a></li>
<li><a href="404.html">Configuratie van PHPmyadmin</a></li>
<li style="height: 39px;"><a href="404.html">Met PHPmyadmin een database leegmaken (gebruiker)</a></li>
</ul>
</li>
<li><a href="#" class="nolink">FTP server<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">FTP server (CesarFTP)</a></li>
<li><a href="404.html">Installatie van CesarFTP</a></li>
<li><a href="404.html">Configuratie van CesarFTP</a></li>
<li><a href="404.html">CesarFTP GUI bij opstarten</a></li>
<li style="height: 39px;"><a href="404.html">Een gebruiker toevoegen met CesarFTP</a></li>
<li><a href="404.html">Inloggen op een FTP server</a></li>
</ul></li>
<li><a href="#" class="nolink">Server Statistieken<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Server statistieken (Analog)</a></li>
<li><a href="404.html">Installatie van Analog</a></li>
<li><a href="404.html">Configuratie van Analog</a></li>
<li><a href="404.html">Statistieken van Analog</a></li>
<li style="height: 39px;"><a href="404.html">Statistieken van Analog (taakplanner)</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">Server statistieken (Reportmagic)</a></li>
<li><a href="404.html">Installatie van Reportmagic</a></li>
<li style="height: 39px;"><a href="404.html">Installatie van Reportmagic (taalpakket)</a></li>
<li style="height: 39px;"><a href="404.html">Configuratie van Analog voor Reportmagic</a></li>
<li><a href="404.html">Configuratie van Reportmagic</a></li>
<li><a href="404.html">Statistieken van Reportmagic</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Backup<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Backup (Cobian)</a></li>
<li><a href="404.html">Installatie van Cobian backup</a></li>
<li><a href="404.html">Configuratie van Cobian backup</a></li>
<li><a href="404.html">Instellen van Cobian backup</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Mail server<span class="arrow"> </span></a>
<ul class="nav">
<li><a href="404.html">Mailserver (hMailserver)</a></li>
<li style="height: 39px;"><a href="404.html">Installatie van hMailserver (algemeen)</a></li>
<li style="height: 39px;"><a href="404.html">Installatie van hMailserver (Database)</a></li>
<li><a href="404.html">Configuratie van hMailserver</a></li>
<li><a href="404.html">Configuratie van PHP (mailserver)</a></li>
<li><a href="404.html">Mail server testen</a></li>
<li style="height: 39px;"><a href="404.html">E-mail berichten binnenhalen (Microsoft Office Outlook 2007)</a></li>
<li><a href="404.html">Werking mailserver (Verzenden)</a></li>
<li><a href="404.html">Werking mailserver (ontvangen)</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Domeinnaam</a><span class="arrow"> </span>
<ul class="nav">
<li><a href="404.html">Gratis domeinnaam (DynDNS)</a></li>
<li><a href="404.html">Account aanmaken op DynDNS</a></li>
<li><a href="404.html">Domeinnaam aanmaken op DynDNS</a></li>
</ul>
</li>
<li><a href="#" class="nolink">Extra Configuraties</a><span class="arrow"> </span>
<ul class="nav">
<li><a href="404.html">Schematisch overzicht webserver</a></li>
<li><a href="404.html">Overzicht (Configuratie)</a></li>
<li><a href="404.html">Overzicht (Log)</a></li>
<li><a href="404.html">Overzicht (Poorten)</a></li>
<li><a href="404.html">Overzicht (Onderhoud en services)</a></li>
<li><a href="404.html">Server kosten</a></li>
<li style="height: 39px;"><a href="404.html">Windows (instellen van een wachtwoord)</a></li>
<li style="height: 39px;"><a href="404.html">Windows (instellen QoS pakketplanner)</a></li>
<li><a href="404.html">Zoekmachine</a></li>
<li><a href="404.html">META tags</a></li>
<li><a href="404.html">Aanmelden bij een zoekmachine</a></li>
<li><a href="404.html">Website (robots.txt)</a></li>
<li><a href="404.html">Website (favicon)</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">Exstra software</a></li>
<li><a href="404.html">Image magick</a></li>
<li><a href="404.html">Installatie van Image magick</a></li>
<li><a href="404.html">GD2 (PHP module)</a></li>
<li style="height: 39px;"><a href="404.html">Onderhoud op afstand (extern bureaublad)</a></li>
<li><a href="404.html">Onderhoud op afstand (VNC)</a></li>
<li><a href="404.html">Installatie van VNC server</a></li>
<li><a href="404.html">Inloggen met VNC viewer</a></li>
<li><a href="404.html">---------------------------</a></li>
<li><a href="404.html">Systeem informatie (PHPsysinfo)</a></li>
<li><a href="404.html">Installatie van PHPsysinfo</a></li>
<li><a href="404.html">Configuratie van PHPsysinfo</a></li>
<li><a href="404.html">Overzicht van PHPsysinfo</a></li>
</ul>
</li>
</div>
<div id="payserver">
Dit onderdeel is nog niet beschikbaar<br>
<!--- Dit is het rechte stuk van de website-->
</div>
<div id="right">
<div id="news1">
Dit onderdeel is nog niet beschikbaar<br>
</div>
<div id="news2">
Dit onderdeel is nog niet beschikbaar<br>
</div>
<div id="news3">
Dit onderdeel is nog niet beschikbaar<br>
</div>
<div id="news4">
Dit onderdeel is nog niet beschikbaar<br>
</div>
<div id="news5">
Dit onderdeel is nog niet beschikbaar<br>
</div>
</div>
</body>
</html>
Dit is mijn index
en dit is mijn css
Code (php)
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
body {
color: rgb(0, 0, 0);
background-color: White;
font-family: Verdana,Arial,Helvetica, sans-serif;}
form {
margin:0px;}
/* Alle blokken */
#right {
width: 0px;
height: 0px;
position: absolute;
left: 0px;
top: 6px;
visibility: hidden;
z-index: 0;}
#news1, #news2, #news3, #news4, #news5 {
visibility: hidden;
width: 0px;
height: 0px;}
#news, #overig, #top, #menu, #search {
border: 2px solid rgb(41, 100, 136);
background-color: #D8E6EE;
color: #000000;
width: 178px;
font-size: 0.75em;
text-align: center;
padding: 0px 0px 5px 0px;
margin: 0px 0px 15px 6px;}
#left {
position: absolute;
top: 130px;
left: 0;}
#menu {
text-align: left;
padding: 0px;}
#top {
position: absolute;
top: 6px;
left: 6px;
width: 1235px;
z-index: 1;
height: 107px;
margin: 0;
padding: 0;}
#logo {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
border: 0px none;
margin: 0px;}
#main {
position: absolute;
width: 795px;
left: 200px;
top: 130px;}
#content {
border: 2px solid rgb(41, 100, 136);
background-color: #D8E6EE;
color:#000000;
font-size: 0.8em;
padding: 10px;}
#copyright {
border: 2px solid rgb(41, 100, 136);
background-color: #D8E6EE;
color: #000000;
font-size: 0.7em;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;}
#google {
position: absolute;
top: 15px;
left: 220px;
z-index: 2;
border: 0px none;}
#search {
padding-top: 5px;}
.bulletlist {
list-style: none;
padding-left: 0px;
margin-left: 0px;}
.bulletlist li {
margin-left: 41px;
text-indent: -21px;}
#menusearchinput {
width: 165px;}
/* Submit button */
#sa {
margin: 1px;
padding: 0 .25em 0 .25em;
overflow: visible;}
div.red {
border: 1px solid red;
font-size: 1em;
font-family: inherit;
padding: 3px;}
div.green {
border: 1px solid green;
font-size: 1em;
font-family: inherit;
padding: 3px;}
div.blue {
border: 1px solid rgb(41, 100, 136);
font-size: 1em;
font-family: inherit;
padding: 3px;
margin: 0px 0px 10px 0px;}
span.red {
color: #FF0000;
background-color: transparent;
font-size: 1em;
font-family: inherit;
font-weight: bold;}
span.nobr{
white-space: nowrap;}
img {align: top;}
/* De kopjes voor de tekst*/
h1 {
color: rgb(41, 100, 136);
background-color: transparent;
font-size: 2.3em;
font-weight: 800;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 8px;}
h2 {
color: black;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: 500;
letter-spacing: 0.3px;}
h3 {
color: black;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;}
/* Kopje voor een blok (zoals payserver, menu) */
.menukopje {
color: rgb(41, 100, 136);
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 3px;
text-align: center;
font-size: 1.4em;
font-weight: 800;
margin-bottom: 0px;}
/* Tabellen */
table {
border: 1px solid rgb(41, 100, 136);
border-collapse: collapse;
empty-cells: show;
font-size: 1em;
font-family: inherit;}
table td {
border: 1px solid rgb(41, 100, 136);
vertical-align: top;
padding: 3px;
background-color: rgb(200, 215, 235)}
a {
color: rgb(41, 100, 136);
background-color: transparent;
text-decoration: underline;}
fieldset {
padding: 7px;}
legend {
color: black;}
img {
border: 0;}
/* De rest is voor het menu */
ul.nav {
margin: 0;
padding: 0;
list-style: none;
width: 100%;}
ul.nav li {
position: relative;}
ul.nav li {
height: 25px;
vertical-align: bottom;}
ul.nav li ul {
position: absolute;
left: 180px;
top: 0;
display: none;
width: 230px;
border-bottom: 1px solid #296488;
margin-left: -2px;
padding: 0; }
ul.nav li a {
display: block;
text-decoration: none;
color: black;
background-color: transparent;
padding: 5px;
border-style: solid;
border-color: #296488;
border-width: 1px 0px 0px 0px;}
* html ul.nav li {
float: left;
height: 1%; }
* html ul.nav li a {
height: 1%; }
* html ul.nav li {
height: 1%; }
ul.nav li a:hover {
color: black;
background: #f9f9f9; }
li ul.nav li a {
background-color: #4F8EB6;
color: white;
padding: 5px;}
li:hover ul.nav, li.over ul.nav {
display: block; }
.arrow {
position: absolute;
background-image: url("images/arrow.gif");
background-repeat: no-repeat;
right: 6px;
top: 10px;
width: 5px;
height: 12px;}
.nolink {
cursor: default;}
color: rgb(0, 0, 0);
background-color: White;
font-family: Verdana,Arial,Helvetica, sans-serif;}
form {
margin:0px;}
/* Alle blokken */
#right {
width: 0px;
height: 0px;
position: absolute;
left: 0px;
top: 6px;
visibility: hidden;
z-index: 0;}
#news1, #news2, #news3, #news4, #news5 {
visibility: hidden;
width: 0px;
height: 0px;}
#news, #overig, #top, #menu, #search {
border: 2px solid rgb(41, 100, 136);
background-color: #D8E6EE;
color: #000000;
width: 178px;
font-size: 0.75em;
text-align: center;
padding: 0px 0px 5px 0px;
margin: 0px 0px 15px 6px;}
#left {
position: absolute;
top: 130px;
left: 0;}
#menu {
text-align: left;
padding: 0px;}
#top {
position: absolute;
top: 6px;
left: 6px;
width: 1235px;
z-index: 1;
height: 107px;
margin: 0;
padding: 0;}
#logo {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
border: 0px none;
margin: 0px;}
#main {
position: absolute;
width: 795px;
left: 200px;
top: 130px;}
#content {
border: 2px solid rgb(41, 100, 136);
background-color: #D8E6EE;
color:#000000;
font-size: 0.8em;
padding: 10px;}
#copyright {
border: 2px solid rgb(41, 100, 136);
background-color: #D8E6EE;
color: #000000;
font-size: 0.7em;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;}
#google {
position: absolute;
top: 15px;
left: 220px;
z-index: 2;
border: 0px none;}
#search {
padding-top: 5px;}
.bulletlist {
list-style: none;
padding-left: 0px;
margin-left: 0px;}
.bulletlist li {
margin-left: 41px;
text-indent: -21px;}
#menusearchinput {
width: 165px;}
/* Submit button */
#sa {
margin: 1px;
padding: 0 .25em 0 .25em;
overflow: visible;}
div.red {
border: 1px solid red;
font-size: 1em;
font-family: inherit;
padding: 3px;}
div.green {
border: 1px solid green;
font-size: 1em;
font-family: inherit;
padding: 3px;}
div.blue {
border: 1px solid rgb(41, 100, 136);
font-size: 1em;
font-family: inherit;
padding: 3px;
margin: 0px 0px 10px 0px;}
span.red {
color: #FF0000;
background-color: transparent;
font-size: 1em;
font-family: inherit;
font-weight: bold;}
span.nobr{
white-space: nowrap;}
img {align: top;}
/* De kopjes voor de tekst*/
h1 {
color: rgb(41, 100, 136);
background-color: transparent;
font-size: 2.3em;
font-weight: 800;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 8px;}
h2 {
color: black;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: 500;
letter-spacing: 0.3px;}
h3 {
color: black;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;}
/* Kopje voor een blok (zoals payserver, menu) */
.menukopje {
color: rgb(41, 100, 136);
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 3px;
text-align: center;
font-size: 1.4em;
font-weight: 800;
margin-bottom: 0px;}
/* Tabellen */
table {
border: 1px solid rgb(41, 100, 136);
border-collapse: collapse;
empty-cells: show;
font-size: 1em;
font-family: inherit;}
table td {
border: 1px solid rgb(41, 100, 136);
vertical-align: top;
padding: 3px;
background-color: rgb(200, 215, 235)}
a {
color: rgb(41, 100, 136);
background-color: transparent;
text-decoration: underline;}
fieldset {
padding: 7px;}
legend {
color: black;}
img {
border: 0;}
/* De rest is voor het menu */
ul.nav {
margin: 0;
padding: 0;
list-style: none;
width: 100%;}
ul.nav li {
position: relative;}
ul.nav li {
height: 25px;
vertical-align: bottom;}
ul.nav li ul {
position: absolute;
left: 180px;
top: 0;
display: none;
width: 230px;
border-bottom: 1px solid #296488;
margin-left: -2px;
padding: 0; }
ul.nav li a {
display: block;
text-decoration: none;
color: black;
background-color: transparent;
padding: 5px;
border-style: solid;
border-color: #296488;
border-width: 1px 0px 0px 0px;}
* html ul.nav li {
float: left;
height: 1%; }
* html ul.nav li a {
height: 1%; }
* html ul.nav li {
height: 1%; }
ul.nav li a:hover {
color: black;
background: #f9f9f9; }
li ul.nav li a {
background-color: #4F8EB6;
color: white;
padding: 5px;}
li:hover ul.nav, li.over ul.nav {
display: block; }
.arrow {
position: absolute;
background-image: url("images/arrow.gif");
background-repeat: no-repeat;
right: 6px;
top: 10px;
width: 5px;
height: 12px;}
.nolink {
cursor: default;}
Gewijzigd op 01/01/1970 01:00:00 door Antonov tonova
<head>
<title>
</title>
</head>
<body>
<div align="center">
alle content
</div>
</body>
</html>
http://cadekeijzer.k33s.nl/computer/css-pagina-centreren.php
Lees dit hierboven maar eens.
<div id="maindiv"><div id="main">
en dan dit
</body> vervangen door:
</div></body>
en zit dit in je css er bij
#maindiv
{
margin: 0 auto 0 auto;
height:auto;
width:819px; /*hier de grote van je site wat er nu staat is en voorbeeld !*/
}
vreemd genoeg werkt het niet.
rvw schreef op 05.09.2008 16:24:
ander komt er niet z'n script kader er omheen, zo als Rens Admiraal.wrm heb jij bij je ccs file php open en sluit tages ??
ik heb het aangepast met [*code][/code*]
Gewijzigd op 01/01/1970 01:00:00 door Antonov tonova
text-align: center;
margin: auto;
}
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<style type="text/css">
body
{
text-align: center; // IE
}
div.wrapper
{
text-align: left; // IE
margin: 0px auto 0px auto; // Niet IE
width: 980px;
}
</style>
</head>
<body>
<div class="wrapper">De inhoud van je website</div>
</body>
</html>
<head>
<style type="text/css">
body
{
text-align: center; // IE
}
div.wrapper
{
text-align: left; // IE
margin: 0px auto 0px auto; // Niet IE
width: 980px;
}
</style>
</head>
<body>
<div class="wrapper">De inhoud van je website</div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door Martijn Wieringa
