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

php code - Bekijk de code zonder highlighting - Klap code in 
  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.261s