login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Lukt niet om divs aan rechterkant te krijgen

Offline BobbyRoss - 05/01/2006 19:42 (laatste wijziging 05/01/2006 19:54)
Avatar van BobbyRossNieuw lid Hallo,

Ik moet voor een vriendin een site maken en ik doe het met joomla.
Nu wil ze iets anders en allemaal losse vakken.
Ik krijg dus mijn onderste linkerbox niet op de juiste plaats rechts naast de main. Wat doe ik verkeerd?
Ik heb het alleen nog maar in firefox getest en daar is het wel te zien. Explorer maakt er nog een rommeltje van.
De site

Html:
  1. <?php
  2. defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
  3. $iso = split( '=', _ISO );
  4. echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
  5. ?>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9. <?php if ( $my->id ) initEditor(); ?>
  10. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  11. <?php mosShowHead(); ?>
  12. <link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
  13. <link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; ?>/templates/lionapost.nl/css/template_css.css" />
  14. </head>
  15.  
  16. <body background="<?php echo $mosConfig_live_site;?>/templates/lionapost.nl/images/background.jpg">
  17. <div class="titel"></div>
  18.  
  19.  
  20. <div class="rb">
  21. <div class="lb">
  22. <div class="ro">
  23. <div class="lo">
  24. <div class="menu">
  25. <?php mosLoadModules ( 'left' ); ?>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="rb">
  32. <div class="lb">
  33. <div class="ro">
  34. <div class="lo">
  35. <div class="menu">
  36. <?php mosLoadModules ( 'user1' ); ?>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="main_gebeuren">
  43. <div class="rbroundbox">
  44. <div class="rbtop"><div></div></div>
  45. <div class="rbcontent">
  46. <?php mosMainBody(); ?>
  47. </div>
  48. <div class="rbbot"><div></div></div>
  49. </div>
  50. </div>
  51.  
  52.  
  53. <div style="clear: both" class="right2">
  54. <div class="rbr">
  55. <div class="lbr">
  56. <div class="ror">
  57. <div class="lor">
  58. <div class="menur">
  59. <?php mosLoadModules ( 'user2' ); ?>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66.  
  67. </body>
  68. </html>


css
  1. /* reset margins van body*/
  2. body,html {
  3. margin:0px;
  4. padding:0px;
  5.  
  6.  
  7. font: 100% Verdana, Arial, Helvetica, sans-serif;
  8. background-color: #F1EDCF;
  9. margin:2%;
  10. }
  11. td, tr, p, div {
  12. font-family : Arial, Helvetica, sans-serif;
  13. font-size : 12px;
  14. color : #000;
  15. }
  16.  
  17. hr {
  18. color : #E0E0E0;
  19. height : 1px;
  20. width : 100%;
  21. }
  22. div {
  23. margin:0;
  24. padding:10;
  25. }
  26. /*header informatie*/
  27. .titel {
  28. background:url("../images/top-image3.jpg") no-repeat top left;
  29. height:140px;
  30. padding:0.5em 1.5em 3.5em 1.5em;
  31. }
  32.  
  33. /*linker menu instellingen*/
  34. .rb {
  35. background:url("../images/rondebox_rb.gif") no-repeat;
  36. }
  37. .lb {
  38. background:url("../images/rondebox_lb.gif") no-repeat top left;
  39. }
  40. .ro {
  41. background:url("../images/rondebox_ro.gif") no-repeat bottom left;
  42. }
  43. .lo {
  44. background:url("../images/rondebox_lo.gif") no-repeat bottom left;
  45. }
  46. .menu {
  47. padding:2.5em 2.5em 2.5em 0.5em; /*afstand bovenkant, - afstand onderkant, afstand rechterkant*/
  48. }
  49.  
  50. /*Centraal/main*/
  51. .rbroundbox { background: url('../images/blauw/nt.gif') repeat; }
  52. .rbtop div { background: url('../images/blauw/tl.gif') no-repeat top left; }
  53. .rbtop { background: url('../images/blauw/tr.gif') no-repeat top right; }
  54. .rbbot div { background: url('../images/blauw/bl.gif') no-repeat bottom left; }
  55. .rbbot { background: url('../images/blauw/br.gif') no-repeat bottom right; }
  56. .rbtop div, .rbtop, .rbbot div, .rbbot {
  57. width: 100%;
  58. height: 7px;
  59. font-size: 1px;
  60. }
  61. .rbcontent {
  62. margin: 0 7px;
  63. }
  64. .rbroundbox {
  65. width: 60%;
  66. position: absolute;
  67. top: 0px;
  68. margin: 17.5em 15em auto;
  69. }
  70.  
  71. /*rechter menu instellingen*/
  72. .right {
  73. position: absolute;
  74. left: 80px;
  75. top: 80px;
  76. }
  77. .rbr {
  78. background:url("../images/rondebox_rb.gif") no-repeat;
  79. }
  80. .lbr {
  81. background:url("../images/rondebox_lb.gif") no-repeat top left;
  82. }
  83. .ror {
  84. background:url("../images/rondebox_ro.gif") no-repeat bottom left;
  85. }
  86. .lor {
  87. background:url("../images/rondebox_lo.gif") no-repeat bottom left;
  88. }
  89. .menur {
  90. padding:2.5em 2.5em 2.5em 0.5em; /*afstand bovenkant, - afstand onderkant, afstand rechterkant*/
  91. }
  92. -->

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s