login  Naam:   Wachtwoord: 
Registreer je!
 Forum

background van body bij xhtml

Offline Grayen - 19/03/2006 10:59
Avatar van GrayenPHP ver gevorderde Weet iemand hoe ik een background van de body goed krijg bij xhtml, want ik deed dat zoals ik het ook zou doen bij html, maar hij pakt hem niet bij mozilla firefox en wel in IE6. Hoe komt dat? Weet iemand hoe ik dit kan oplossen? Hier is de code:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
  5. <meta name="generator" content="PSPad editor, www.pspad.com" />
  6. <title></title>
  7. <style type="text/css">
  8. .rtop,.rbottom{display:block}
  9. .rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
  10. .r1{margin: 0 5px}
  11. .r2{margin: 0 3px}
  12. .r3{margin: 0 2px}
  13. .r4{margin: 0 1px;height: 2px}
  14. .rs1{margin: 0 2px}
  15. .rs2{margin: 0 1px}
  16. .bar {position: relative; width: 300px; height: 20px; margin: 5px auto; padding: 4px;}
  17. .baz {position: relative; width: 10px; height: 100%; display: block; float: right; font-size: 1px; text-align: center;}
  18. body {margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; background-color: #D8D8D8;}
  19. body,td,th,div,li {color: #000000; font-size: 11pt; font-family: arial}
  20. a:link {text-decoration: none; color: #000000;}
  21. a:visited {text-decoration: none; color: #000000;}
  22. a:hover {text-decoration: none; color: #000000;}
  23. a:active {text-decoration: none; color: #000000;}
  24. td {background-color: #FFFFFF; border-color: transparant; border-style: solid; border-width: 0px}
  25. td.header {border-width: 0px 0px 0px 0px; background-color: #;}
  26. td.menubar {border-width: 0px 0px 4px 0px; background-color: #1D2975; border-color: #CCCECD;}
  27. td.menuinfo {border-width: 4px 0px 0px 0px; background-color: #3584B9; border-color: #3584B9;}
  28. td.menu {border-width: 0px 0px 0px 0px; border-right-style: dotted; background-color: #E9E9E9;}
  29. td.tekstvlak {border-width: 4px 0px 0px 0px; background-color: #; border-color: #3584B9;}
  30. td.footer {border-width: 4px 0px 0px 0px; background-color: #55819C; border-color: #436477;}
  31. div.padding {padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;}
  32. div.paddingrounded {padding-left: 4px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;}
  33. </style>
  34. <script type="text/javascript" src="nifty.js"></script>
  35. <script type="text/javascript" src="gradient.js"></script>
  36. <script type="text/javascript">
  37. window.onload=function(){
  38. if(!NiftyCheck())
  39. return;
  40. RoundedBottom("td.footer","#D8D8D8","#55819C");
  41. RoundedBottom("td.menuinfo","#E9E9E9","#3584B9");
  42. }
  43. </script>
  44. </head>
  45. <body bgcolor="#D8D8D8">
  46. <table width="980" cellpadding="0" cellspacing="0">
  47. <tbody align="left" valign="top">
  48. <tr>
  49. <td class="header" width="980" colspan="2">
  50. <div class="padding">
  51. </div>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td class="menubar" width="980" colspan="2">
  56. <div class="padding">
  57. menubar
  58. </div>
  59. </td>
  60. </tr>
  61. <tr>
  62. <td class="menuinfo" width="200">
  63. <div class="paddingrounded">
  64. test
  65. </div>
  66. </td>
  67. <td class="tekstvlak" rowspan="2" width="780">
  68. <div class="padding">
  69. test
  70. </div>
  71. </td>
  72. </tr>
  73. <tr>
  74. <td class="menu" width="200">
  75. <div class="padding">
  76. menu
  77. </div>
  78. </td>
  79. </tr>
  80. <tr>
  81. <td class="footer" width="980" colspan="2">
  82. <div class="paddingrounded">
  83. footer
  84. </div>
  85. </td>
  86. </tr>
  87. </tbody>
  88. </table>
  89. </body>
  90. </html>

5 antwoorden

Gesponsorde links
Offline kokx - 19/03/2006 11:00 (laatste wijziging 19/03/2006 11:00)
Avatar van kokx Onbekend in je css:
  1. body {
  2. background-color: #D8D8D8;
  3. }
Offline lemoinet - 19/03/2006 11:02
Avatar van lemoinet PHP gevorderde ik zie niets verkeerd in firefox noch in opera:?:
Offline Grayen - 19/03/2006 11:30
Avatar van Grayen PHP ver gevorderde @kokx heb ik al staan 
@ lemoinet dus jij ziet wel in firefox een achtergrond van grijs? want anders ligt het aan mijn firefox
Offline Rens - 19/03/2006 11:33
Avatar van Rens Gouden medaille

Crew algemeen
Ik zie ook gewoon achtergrond hoor:
http://img76.imageshack.us/img76/2519/kijk3uu.jpg
Offline Grayen - 19/03/2006 11:43
Avatar van Grayen PHP ver gevorderde weet je hoe raar want ik zie dit:

http://www.freewebs.com/froggycenter/kijk.bmp 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.205s