login  Naam:   Wachtwoord: 
Registreer je!
 Forum

centreren van div block in ie (Opgelost)

Offline mollerpunker - 09/04/2010 21:42 (laatste wijziging 09/04/2010 21:43)
Avatar van mollerpunkerNieuw lid Ik heb dus het probleem dat hij mijn totale website niet netjes wil centreren, wat denk ik een vrij bekent probleem is bij IE. FF, Opera etc etc heeft er dus geen last van maar IE wel.

Ik heb al een aantal dingen geprobeerd maar niks werkt.
De div code staat op regel 13.volgens mij moet die code gewoon werken... maar niet dus iemand oplissing ?

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php if(!isset($rootdir)) $rootdir=""; ?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <link rel="shortcut icon" type="image/x-icon" href="plaatjes/fiets.ico">
  5. <META NAME="description" CONTENT="wij organiseren elke laatste zondag van augustus een fietstocht, voor slechts € 12,00. U krijgt meer, dan dat u geeft!">
  6. <META NAME="keywords" CONTENT="fietstocht,fietsen,bergen op zoom, augustus, gezellig, natuur">
  7. <title>Reünie Rijwieldriedaagse</title>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9.  
  10. </head>
  11. <body LINK="#0000FF" VLINK="#FFOOOO" ALINK="#FFOOOO" style="background-color: #f5eff2">
  12.  
  13. <div style="width: 970px; margin-left: auto; margin-right: auto; margin-top: 20px; ">
  14. <div style="border: 10px solid #810740; background-color: #810740;">
  15. <img src="<?php echo $rootdir; ?>plaatjes/rrdd.png" width="950" height="124">
  16. </div>
  17.  
  18.  
  19.  
  20. <div style="border: 1px solid #810740; background-color: #810740; padding-right: 20px;">
  21.  
  22.  
  23. <p align="right"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  24. <b>
  25. <a href="<?php echo $rootdir; ?>index.php"><font color="#ffffff" face="Verdana" size="4">Home</font></a>
  26.  
  27. <font color="#ffffff" face="Verdana" size="4"> | </font>
  28. <a href="<?php echo $rootdir; ?>geschiedenis.php"><font color="#ffffff" face="Verdana" size="4">Geschiedenis</font></a>
  29.  
  30. <font color="#ffffff" face="Verdana" size="4"> | </font>
  31. <a href="<?php echo $rootdir; ?>pdf.php"><font color="#ffffff" face="Verdana" size="4">Oude routes inzien</font></a>
  32.  
  33. <font color="#ffffff" face="Verdana" size="4"> | </font>
  34. <a href="<?php echo $rootdir; ?>foto.php"><font color="#ffffff" face="Verdana" size="4">Foto's</font></a>
  35.  
  36. <font color="#ffffff" face="Verdana" size="4"> | </font>
  37. <a href="<?php echo $rootdir; ?>contact.php"><font color="#ffffff" face="Verdana" size="4">Deelnemen en Contact</font></a>
  38. </b>
  39.  
  40. </p>
  41. </div> 
  42.  
  43. <div style="border: 10px solid #810740; padding: 10px 10px 0 10px; background-color: #fff;">
  44.  
  45. ///hier komt dus mijn website tussen\\\
  46.  
  47. </div>
  48. <center>
  49. <div style="text-align: center; background-color: #810740; color: #fff;">
  50.  
  51.  
  52. <div style="text-align: center; background-color: #810740; color: #fff;">
  53. Voor het laatst geupdate op: <?php echo date ("d-m-Y", getlastmod()); ?>
  54. </div>
  55.  
  56. <div style="text-align: center; font-size: 10;">© 2010 by Bart de Kok</div>
  57.  
  58. </div>
  59. </div>
  60. </body>
  61. </html>

9 antwoorden

Gesponsorde links
Offline Raze - 09/04/2010 21:53
Avatar van Raze PHP beginner div centreren:

#div_id {
position: absolute;
left: 50%;
width: 40%; // de breedte
margin-left: -20%; // de margin-left moet de helft van de breedte zijn en negatief
}
Offline mollerpunker - 09/04/2010 21:59
Avatar van mollerpunker Nieuw lid hoe zet ik die in mijn stuk code ?
Offline Raze - 09/04/2010 23:05
Avatar van Raze PHP beginner verander die lijn 13 door deze:

<div style="position: absolute; left: 50%; width: 970px; margin-left: -485px; margin-top: 20px; ">
Bedankt door: mollerpunker
Offline WouterJ - 09/04/2010 23:31 (laatste wijziging 09/04/2010 23:31)
Avatar van WouterJ HTML gevorderde Ik zet zelf altijd de width eerst om in %.
Bij 970 px is dat ongeveer 77%. Dat is dus een margin-left van 11% en een margin-right van 11%.

Dus dan wordt de code:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="width: 970px; margin-left: 11%; margin-right: 11%; margin-top: 20px; ">
Offline ArieMedia - 10/04/2010 00:10
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 of gewoon margin: 0 auto;
Offline vinTage - 10/04/2010 00:20
Avatar van vinTage Nieuw lid
Waldio schreef:
Ik zet zelf altijd de width eerst om in %.
Bij 970 px is dat ongeveer 77%. Dat is dus een margin-left van 11% en een margin-right van 11%.

Dus dan wordt de code:
[..code..]


Dus bij een resolutie van 800*768 is 77% ongeveer 970 px en bij iemand met een reso van 1920*1280 ook?
Dat hele verhaaltje slaat nergens op he 
Offline mollerpunker - 10/04/2010 00:47 (laatste wijziging 10/04/2010 00:47)
Avatar van mollerpunker Nieuw lid super de oplossing van raze werkt ! super thanks
Offline WouterJ - 10/04/2010 11:06 (laatste wijziging 10/04/2010 11:07)
Avatar van WouterJ HTML gevorderde
vinTage schreef:
[..quote..]

Dus bij een resolutie van 800*768 is 77% ongeveer 970 px en bij iemand met een reso van 1920*1280 ook?
Dat hele verhaaltje slaat nergens op he 


Oeps. 
Ik dacht dat dit de oplossing was. Maar dus toch niet. Maarja ik ben ook maar een beginner. 
Offline vinTage - 11/04/2010 22:42 (laatste wijziging 11/04/2010 22:43)
Avatar van vinTage Nieuw lid tis ook belachelijk dat de "oplossing" van raze werd gekozen als "oplossing" dat hele absolute gedoe is nergens voor nodig, maar soit, als het kuch*helpt*kuch* zal het wel goed zijn zeker ? 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.215s