HTML interesse |
|
Ik heb een webpagina gemaakt. In IE verschijnt deze juist maar in firefox verschijnt het tekstblok helemaal links op de pagina i.p.v. gecentreerd op de pagina. Weet iemand wat ik hier aan zou kunnen veranderen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta name="Keywords" content="">
<meta name="description" content="">
<title>Untitled document</title>
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="content/custom.css" >
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="./resources/css/master.css" >
<style type="text/css">
<!--
.verhaal {
font-size: 12pt;
font-style: italic;
font-weight: bold;
text-align: left;
font-family: arial, verdana;
color: #000000;
margin-top: 50px;
width: 600px;
}
a {
font-size: 9pt;
font-weight: bold;
font-family: arial, verdana;
color: #000000;
margin-top: 135px;
text-align: center;
display: block;
}
a {color: #000000}
a:hover {color: #FFFFFF}
-->
</style>
</head>
<body>
<div id="wrapper_thumb">
<div id="model.nonCSS.idplateEnabled">
<div class="logo">
<div style="text-align: center"><img width="568" height="48" class="pngDelayDisplay" src="content/logo.png" alt="">
</div>
</div>
</div>
</div>
<div style="text-align: center;">
<div class="verhaal">
Tekst. tekst tekst tekst tekst.
<br>Tekst. tekst tekst tekst tekst.
<br>Tekst. tekst tekst tekst tekst<br>Tekst. tekst tekst tekst tekst.
<br>Tekst. tekst tekst tekst tekst.
<br>Tekst. tekst tekst tekst tekst.
</div>
<div style="margin-top: 43px; text-align: center;">
<img src="content/balk3.jpg" height="146" width="600" alt="">
</div>
</div>
<div>
<a href="home.html">MENU</a>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <meta name="Keywords" content=""> <meta name="description" content=""> <title>Untitled document</title> <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="content/custom.css" > <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="./resources/css/master.css" > <style type="text/css"> <!-- .verhaal { font-size: 12pt; font-style: italic; font-weight: bold; text-align: left; font-family: arial, verdana; color: #000000; margin-top: 50px; width: 600px; } a { font-size: 9pt; font-weight: bold; font-family: arial, verdana; color: #000000; margin-top: 135px; text-align: center; display: block; } a {color: #000000} a:hover {color: #FFFFFF} --> </style> </head> <body> <div id="wrapper_thumb"> <div id="model.nonCSS.idplateEnabled"> <div class="logo"> <div style="text-align: center"><img width="568" height="48" class="pngDelayDisplay" src="content/logo.png" alt=""> </div> </div> </div> </div> <div style="text-align: center;"> <div class="verhaal"> Tekst. tekst tekst tekst tekst. <br>Tekst. tekst tekst tekst tekst. <br>Tekst. tekst tekst tekst tekst<br>Tekst. tekst tekst tekst tekst. <br>Tekst. tekst tekst tekst tekst. <br>Tekst. tekst tekst tekst tekst. </div> <div style="margin-top: 43px; text-align: center;"> <img src="content/balk3.jpg" height="146" width="600" alt=""> </div> </div> <div> <a href="home.html">MENU</a> </div> </body> </html>
|