login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div zonder border-top geeft margin?

Offline langemol - 28/03/2009 09:24 (laatste wijziging 28/03/2009 09:25)
Avatar van langemolNieuw lid Goedemorgen,

Ik wil graag divs boven elkaar met een border eromheen/tussen. Normaal komt er dan een dubbele border tussen de twee divs, dus ik dacht 'border-top:none;' te zetten

Ik heb het volgende probleem met mijn css.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. .bla {
  3.  background-color: #CCCCCC;
  4.  width: 800px;
  5.  margin-left: auto;
  6.  margin-right: auto;
  7.  border-left: 1px solid #330000;
  8.  border-right: 1px solid #330000;
  9.  border-bottom: 1px solid #330000;
  10.  border-top: none;
  11. }
  12. </style>

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="bla">asd</div>
  2. <div class="bla"><p>asda</p></div>
  3. <div class="bla"><h3>asdaasd</h3></div>

Met een border-top zitten de divs allemaal precies boven elkaar, maar met 'border-top: none;' komt er een margin tussen de divs.
(Waar ik margin zeg is het niet echt margin, want margin: 0px; zetten helpt niet)

Het ergste is nog wel dat het in IE wel werkt zoals ik verwachtte -.-'

Waarom is dit / Wat doe ik fout? (/ eventueel een handiger oplossing)

4 antwoorden

Gesponsorde links
Offline cyberninjah - 28/03/2009 09:26
Avatar van cyberninjah Lid heb je al border-top : 0px solid #33000; Geprobeerd ?
Offline langemol - 28/03/2009 09:43
Avatar van langemol Nieuw lid Ja, geeft het zelfde als border-top: none;
Offline cyberninjah - 28/03/2009 09:55
Avatar van cyberninjah Lid het probleem zit hem in de html Tags

De volgende code zal wel werken als ik het goed heb.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. body
  3. {
  4. 	margin:0;
  5. }
  6. .bla 
  7. {
  8.  background-color: #CCCCCC;
  9.  width: 800px;
  10.  margin-left: auto;
  11.  margin-right: auto;
  12.  border-left: 1px solid #330000;
  13.  border-right: 1px solid #330000;
  14.  border-bottom: 1px solid #330000;
  15. }
  16.  
  17. p
  18. {
  19. 	margin:0;
  20. }
  21.  
  22. h3
  23. {
  24. 	margin:0;
  25. }
  26.  
  28.  
  29.  
  30. <div class="bla">asd</div>
  31. <div class="bla"><p>asda</p></div>
  32. <div class="bla"><h3>asdaasd</h3></div>
Offline langemol - 28/03/2009 10:06
Avatar van langemol Nieuw lid Klopt, zonder de border-top wordt de margin van de elementen in de div blijkbaar doorgevoerd tot buiten de div.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.236s