login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Stroke laten samenvallen in alle browsers

Offline Goldsage - 25/06/2011 22:11
Avatar van GoldsageNieuw lid Ik zou graag willen dat de strokes van 2 DIV's samen vallen namelijk in alle browesers van Div content en Div sidebarright. Nu lukt het me maar altijd in één browser maar niet in allemaal tegelijk. Hoe zou ik dat het beste oplossen Mvg, William

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="content">
  2.  
  3. <div id="example">
  4.  
  5. 		<div id="slides">
  6. 		  <div class="slides_container">
  7. 					<img src="images/img1.jpg" width="470" height="350" alt="Slide 1">
  8. 					<img src="images/img2.jpg" width="470" height="350" alt="Slide 2">
  9. 					<img src="images/img3.jpg" width="470" height="350" alt="Slide 3">
  10. 				<img src="http://slidesjs.com/examples/standard/img/slide-4.jpg" width="470" height="350" alt="Slide 4">
  11. 					<img src="http://slidesjs.com/examples/standard/img/slide-5.jpg" width="570" height="270" alt="Slide 5">
  12. 					<img src="http://slidesjs.com/examples/standard/img/slide-6.jpg" width="570" height="270" alt="Slide 6">
  13. 					<img src="http://slidesjs.com/examples/standard/img/slide-7.jpg" width="570" height="270" alt="Slide 7">
  14. 				</div>
  15. 				<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
  16. 			<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev" /></a></div>
  17.         <img src="img/example-frame.png" width="470" height="350" alt="Example Frame" id="frame">
  18. 		</div>
  19.  
  20.  
  21. </div>
  22.  
  23. <div id="sidebarright">
  24.  
  25. <ul class="social"><a href="#"><img src="images/fb.png" width="32" height="32" alt="facebook" /></a>
  26. <a href="#"><img src="images/twit.png" width="32" height="32" alt="twitter" /></a>
  27. <a href="#"><img src="images/word.png" width="32" height="32" alt="wordpress" /></a>
  28. </ul>
  29. <ul><p></p></ul>
  30.  
  31. </div>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. /*Content*/
  2.  
  3. #content {
  4. 	float: left;
  5. 	width: 470px;
  6. 	margin: 0px;
  7. 	padding: 10px 10px;
  8. 	margin-top:40px;
  9. 	margin-left:15px;
  10. 	border-top:white solid 2px;
  11.  
  12. }
  13. /*Sidebarright*/
  14. #sidebarright {
  15. 	float: right;
  16. 	width: 255px;
  17. 	margin-top:0px;
  18. 	margin:0;
  19. 	padding:0;
  20. }
  21.  
  22. 	#sidebarright ul {
  23. 	margin: 0;
  24. 	padding: 2.98px;
  25. 	list-style: none;
  26.  
  27. }
  28.  
  29. #sidebarright ul.social {
  30. 	margin: 0;
  31. 	list-style: none;
  32. 	border-bottom:white solid 2px;
  33.  
  34. }

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s