login  Naam:   Wachtwoord: 
Registreer je!
 Forum

geen juiste weergave in firefox

Offline san - 19/12/2008 13:17
Avatar van sanHTML 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?
css code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
  6. <meta name="Keywords" content="">
  7. <meta name="description" content="">
  8. <title>Untitled document</title>
  9. <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="content/custom.css" >
  10. <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="./resources/css/master.css" >
  11.  
  12. <style type="text/css">
  13.  
  14. <!--
  15.  
  16. .verhaal {
  17. font-size: 12pt;
  18. font-style: italic;
  19. font-weight: bold;
  20. text-align: left;
  21. font-family: arial, verdana;
  22. color: #000000;
  23. margin-top: 50px;
  24. width: 600px;
  25. }
  26.  
  27.  
  28. a {
  29. font-size: 9pt;
  30. font-weight: bold;
  31. font-family: arial, verdana;
  32. color: #000000;
  33. margin-top: 135px;
  34. text-align: center;
  35. display: block;
  36. }
  37.  
  38. a {color: #000000}
  39. a:hover {color: #FFFFFF}
  40. -->
  41.  
  42. </style>
  43.  
  44. </head>
  45.  
  46. <body>
  47.  
  48. <div id="wrapper_thumb">
  49.     <div id="model.nonCSS.idplateEnabled">
  50.     <div class="logo"> 
  51.       <div style="text-align: center"><img width="568" height="48" class="pngDelayDisplay" src="content/logo.png" alt="">
  52.       </div>
  53.      </div>
  54.    </div>
  55. </div>
  56.  
  57.  
  58. <div style="text-align: center;">
  59.   <div class="verhaal">
  60.     Tekst. tekst tekst tekst tekst.
  61. <br>Tekst. tekst tekst tekst tekst.
  62. <br>Tekst. tekst tekst tekst tekst<br>Tekst. tekst tekst tekst tekst.
  63. <br>Tekst. tekst tekst tekst tekst.
  64. <br>Tekst. tekst tekst tekst tekst.
  65.       </div> 
  66.  
  67.  <div style="margin-top: 43px; text-align: center;">
  68.    <img src="content/balk3.jpg" height="146" width="600" alt="">
  69.  </div>
  70. </div>
  71.  
  72.    <div>  
  73.         <a href="home.html">MENU</a>             
  74.  </div>    
  75.  
  76.  </body>  
  77.  </html>

5 antwoorden

Gesponsorde links
Offline Martijn - 19/12/2008 13:44
Avatar van Martijn Crew PHP heb je even een link?
Offline san - 19/12/2008 13:53
Avatar van san HTML interesse Nee sorry staat nog niet online ben er nog mee bezig. Maar heb de pagina met firefoxprogramma geopend en daar komt het tekstblok helemaal links terwijl de afbeelding wel gecentreerd word. In IE wel juist weergegeven.
Offline zointer - 19/12/2008 15:20
Avatar van zointer HTML gevorderde margin:auto; bij plaatsen zie code comment.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .verhaal {
  2. font-size: 12pt;
  3. font-style: italic;
  4. font-weight: bold;
  5. text-align: left;
  6. font-family: arial, verdana;
  7. color: #000000;
  8. margin:auto;/*margin auto boven margin-top plaatsen*/
  9. margin-top: 50px;
  10. width: 600px;
  11. }
Offline san - 19/12/2008 17:32
Avatar van san HTML interesse Perfect. Nu komt hij wel goed in beeld ja.

Nu heb ik ook nog een pagina in html. Wil tzt nog in css maken maar tot die tijd...
De align: center werkt niet in firefox. Hoe zou ik dit kunnen oplossen?
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <tr align="center" valign="bottom">   
  2.              <td width="154" height="105"><a href="onderhoud.html">                                            
  3.                     <img src="menu5.jpg" width="150" height="100" style="border: solid 2px black" alt=""></a></td>        
  4.              <td width="154" height="105"><a href="overmij.html">                                            
  5.                     <img src="menu6.jpg" width="150" height="100" style="border: solid 2px black" alt=""></a></td>        
  6.              <td width="154" height="134"><a href="info.html">                                            
  7.                     <img src="menu7.jpg" width="150" height="100" style="border: solid 2px black" alt=""></a></td>        
  8.              <td width="154" height="134"><a href="contact.html">                                            
  9.                     <img src="menu8.jpg" width="150" height="100" style="border: solid 2px black" alt=""></a></td>        
  10.  </tr>
Offline Martijn - 19/12/2008 17:34
Avatar van Martijn Crew PHP
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. style="text-align: center;"


wel een beetje basic hoor, google weet n hoop
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s