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.
  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>

  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.

  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.  
  27.  
  28.  
  29. <div class="bla">asd</div>
  30. <div class="bla"><p>asda</p></div>
  31. <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-2019 Sitemasters.be - Regels - Laadtijd: 0.32s