login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div's naast elkaar plaatsen (Opgelost)

Offline junior - 17/02/2009 20:49
Avatar van juniorLid Hoe krijg je div's naast elkaar, zelfs al zijn ze samen breder dan de schermbreedte? Dus dat er dan een horizontale scrollbar komt.

Dit blijkt me om de een of andere reden niet te lukken 
Nu heb ik het probleem dat de browser deze div automatisch eronder plaatst als ze breder worden dan de schermbreedte ..

7 antwoorden

Gesponsorde links
Offline Koen - 17/02/2009 20:54
Avatar van Koen PHP expert float: left ?
Offline junior - 17/02/2009 20:55
Avatar van junior Lid nee dat doe ik maar hij blijft de div's die buiten het zichtbare deel zouden vallen een regel lager plaatsen
Offline ranco - 17/02/2009 21:07
Avatar van ranco PHP gevorderde Heb je de divs binnen 1 container staan?
Zo nee, google hier dan eens op, dit is wel benodigd.
Offline junior - 17/02/2009 21:22
Avatar van junior Lid wel nu staan ze binnen een container.
maar dit verandert niets..

Wat ik nu wel gevonden heb: als ik de container een breedte meegeef (> dan som vd divs) lukt het wel.
Maar het probleem is dat ik op voorhand de breedte niet weet ...
Offline Daiben - 17/02/2009 22:07
Avatar van Daiben Lid kijk hier anders een naar http://www.site...iv_element kun je niet gewoon width? groter dan je resolutie doen
Offline ranco - 18/02/2009 21:34
Avatar van ranco PHP gevorderde Post je code dan eens.
Heb je de width van de container en de div beide op auto staan?
Offline mothh - 22/02/2009 16:58
Avatar van mothh Onbekend dit onderstaande script gebruik ik voor een overzichtje van links
je moet hem misschien nog een beetje aanpassen maar verder werkt hij prima!
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table border="0" cellpadding="0" cellspacing="0" width="25%"><div id="contentBox">
  2.  
  3. <tr><td valign="top" width="">
  4.  
  5. 		<img alt="" src="map.png" border="0" width="25" height="25"></a><a href="category/auto.html" title="Auto">Auto</a>&nbsp;
  6.  
  7.  
  8. 			<div class="clr"></div>
  9.  
  10.  
  11. 	<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/computers.html" title="Computers">Computers</a>&nbsp;
  12.  
  13.  
  14. 			<div class="clr"></div>
  15.  
  16. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/dieren.html" title="Dieren">Dieren</a>&nbsp;
  17.  
  18.  
  19.  
  20. 			<div class="clr"></div>
  21.  
  22. 		<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/financieel.html" title="Financieel">Financieel</a>&nbsp;
  23.  
  24.  
  25. 			<div class="clr"></div>
  26.  
  27. 		<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/games.html" title="Games">Games</a>&nbsp;
  28.  
  29.  
  30.  
  31. 			<div class="clr"></div>
  32.  
  33. 		<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/gezondheid.html" title="Gezondheid">Gezondheid</a>&nbsp;
  34.  
  35. 						<div class="clr"></div>
  36.  
  37. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/zakelijk.html" title="Zakelijk">Zakelijk</a>&nbsp;
  38.  
  39. 			<div class="clr"></div>
  40. 			</td><td valign="top" width="">			
  41. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/internet.html" title="Internet">Internet</a>&nbsp;
  42.  
  43.  
  44. 			<div class="clr"></div>
  45.  
  46.  
  47. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/kinderen.html" title="Kinderen">Kinderen</a>&nbsp;
  48.  
  49.  
  50. 			<div class="clr"></div>
  51.  
  52. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/kunst.html" title="Kunst">Kunst</a>&nbsp;
  53.  
  54.  
  55.  
  56. 			<div class="clr"></div>
  57.  
  58. 		<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/muziek.html" title="Muziek">Muziek</a>&nbsp;
  59.  
  60.  
  61. 			<div class="clr"></div>
  62.  
  63. 		<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/media.html" title="Nieuws&nbsp;en&nbsp;Media">Nieuws&nbsp;en&nbsp;Media</a>&nbsp;
  64.  
  65.  
  66. 			<div class="clr"></div>
  67. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/onderwijs.html" title="Onderwijs">Onderwijs</a>&nbsp;
  68.  
  69.  
  70.  
  71. 			<div class="clr"></div>
  72. 		<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/winkelen.html" title="Winkelen">winkelen</a>&nbsp;
  73.  
  74.  
  75.  
  76. 			<div class="clr"></div>
  77. 			</td><td valign="top" width="">			
  78. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/reizen.html" title="Reizen">Reizen</a>&nbsp;
  79.  
  80.  
  81. 			<div class="clr"></div>
  82.  
  83.  
  84. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/samenleving.html" title="Samenleving">Samenleving</a>&nbsp;
  85.  
  86.  
  87. 			<div class="clr"></div>
  88.  
  89. 	            <img alt="" src="map.png" border="0" width="25" height="25"><a href="category/sport.html" title="Sport">Sport</a>&nbsp;
  90.  
  91.  
  92.  
  93. 			<div class="clr"></div>
  94.  
  95. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/vrij.html" title="Vrijetijd">Vrijetijd</a>&nbsp;
  96.  
  97. 			<div class="clr"></div>
  98.  
  99. 			<img alt="" src="map.png" border="0" width="25" height="25"><a href="category/wonen.html" title="Wonen">Wonen</a>&nbsp;
  100.  
  101. 					</td></tr></table>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.208s