login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2 divs onder elkaar php pagina.

Offline eddaredevil - 19/08/2006 15:33 (laatste wijziging 19/08/2006 15:40)
Avatar van eddaredevilPHP interesse Hey goeiemiddag,

Ik probeer 2 divs onder elkaar te krijgen.
korte uitleg:
ik heb totaal nu 4 divs.
-head
-foot
-menu links (sidebar)
-menu rechts (sidebar2)
aangeroepen door een css.
nu wil ik direct onder menu rechts of links div:sidebar3 hebben (zie hierbeneden)
Nu staat deze onder de main div. Wel onderaan links. maar ik heb liever dat deze netjes onder sidebar komt (menu links)
css
  1. /* Sidebar */
  2.  
  3. #sidebar {
  4. width: 140px;
  5. padding: 5px;
  6. border: 0px;
  7. border-color: #ffffff;
  8. color: #FFFFFF;
  9. float: left;
  10. height: 300px;
  11. background-image:url(../image/menu.gif);
  12. }
  13.  
  14. #sidebar3 {
  15. width: 10px;
  16. height: 10px;
  17. border: 1px;
  18. border-color: #000000;
  19. color: #FFFFFF;
  20. float: left;
  21. background-color:black;
  22. }
  23.  
  24. #sidebar2 {
  25. width: 140px;
  26. padding: 5px;
  27. border: 0px;
  28. border-color: #ffffff;
  29. color: #FFFFFF;
  30. float: right;
  31. height: 300px;
  32. background-image:url(../image/menu.gif);
  33. }
  34. #foot {
  35. width: 900px;
  36. height: 30px;
  37. margin: 0;
  38. padding: 0;
  39. text-align: center;
  40. clear: both;
  41. background-color: red;
  42. background-image: url('../image/footer.gif');
  43.  
  44. }

ff snel aangepaste index.php
  1. <?
  2.  
  3. //includen
  4. require_once('Connections/Mysql.php');
  5. //variabelen
  6. $sitename = "blabla.nl";
  7. $path = "pages/";
  8. ?>
  9. <html>
  10. <head>
  11. <link href="css/style.css" rel="stylesheet" type="text/css">
  12. </head>
  13. <title><?php echo $sitename; ?></title>
  14.  
  15. <meta http-equiv="imagetoolbar" content="no">
  16.  
  17. <body>
  18. <div class="style3" id="head"><h1>HEADER</h1>
  19. </div>
  20. <div class="sidebar" id="sidebar" style="sidebar">
  21. menu
  22. </div>
  23. <div class="sidebar2" id="sidebar2" style="sidebar2">
  24. <? include 'menu/menu2.php'; ?><br>
  25. sidebar 2
  26. <p>
  27. </div>
  28.  
  29. <div class="style2" id="main">
  30. Main div
  31. </div>
  32. <div id="sidebar3">
  33. blabla</div>
  34.  
  35. <div class="style3" id="foot">
  36. <div align="center"></div>
  37. </div>
  38. </center>
  39. </body>
  40. </html>


Bedankt,

2 antwoorden

Gesponsorde links
Offline Wim - 19/08/2006 16:17
Avatar van Wim Crew algemeen position: absolute; ?

ken niet veel van css, dus kan ook wel iets anders zijn 
Offline eddaredevil - 19/08/2006 16:49 (laatste wijziging 19/08/2006 18:25)
Avatar van eddaredevil PHP interesse Goed het was dus mijn main div die de boel een beetje liep te tieve.

  1. #main {
  2. width: 400px;
  3. padding: 5px;
  4. display: block;
  5. margin-top: 5px;
  6. margin-left: 5px;
  7. margin-right: 4px;
  8. width: 500px;
  9. height: 580px;
  10. float: right;
  11. }


Thanx
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.195s