login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Margin-top probleem

Offline raf - 24/03/2006 17:26
Avatar van rafHTML interesse Hello Forumgenoten,
Ik heb een probleempje met CSS
Kben aant proberen men layout men divs te maken (ipv tabellen)
T lukt al aardig tot zowat een uur geleden.
Het probleem is het volgende:
  1. <div id="menu">
  2. <div class="menuitem1">
  3. <div class="pijl">
  4. <img src="images/2.gif" alt="pijl" />
  5. </div>
  6. <div class="menucontent">
  7. HOMEPAGE
  8. </div>
  9. </div>
  10. <div class="menuitem2">
  11. <div class="pijl">
  12. <img src="images/2.gif" alt="pijl" />
  13. </div>
  14. <div class="menucontent">
  15. LINK 1
  16. </div>
  17. </div>
  18. </div>


En in men css:
  1. #menu {
  2. margin-top:10px;
  3. border-style:solid;
  4. border-width:1px;
  5. border-color:#d8d8d8;
  6. padding:0px;
  7. width:207px;
  8. }
  9. .menuitem1{
  10. margin-top:0px;
  11. background-color:#dcdcdc;
  12. width:205px;
  13. height:27px;
  14. padding:0px;
  15. margin-bottom:0px;
  16. }
  17. .menuitem2{
  18. margin-top:1px;
  19. background-color:#d8d8d8;
  20. width:205px;
  21. height:27px;
  22. padding:0px;
  23. margin-bottom:0px;
  24. }
  25. .pijl{
  26. float:left;
  27. margin-top:0px;
  28. padding:0px;
  29. }
  30. .menucontent{
  31. margin-left:37px;
  32. margin-top:3px;
  33. padding:0px;
  34. height:24px;
  35. }

Een vb is te vinden op
http://users.pandora.be/webdesign/vb.htm
De bedoeling is dus dat de tekst in menucontent 3 px naar onder gaat.
In IE werkt het goed maar in FF verplaatst hij de hele div menuitem1 naar onder 
Heeft iemand een oplossing voor dit probleem?
Groeten en alvast bedankt!
Raf

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s