login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Positioneren

Offline Frederic - 16/07/2005 14:18 (laatste wijziging 16/07/2005 14:19)
Avatar van FredericPHP ver gevorderde Ik ben aan het proberen een menubalk met DIV's op te lossen, maar stuit op volgend probleem:
In FireFox werkt alles juist, het sluit zeer mooi aan (de bovenste afbeelding, de middelste en de onderste), maar in IE sluiten alleen de bovenste en de middeldste aan, en tussen de middelste afbeelding en de onderste afbeelding zit een marge van 9px.
Volgens mij komt dat omdat er een </div> tussenstaat, die door IE altijd wordt gezien als een nieuwe regel. Kent iemand een oplossing?
CSS:
  1. div.menu a {
  2. color: #999999;
  3. display: block;
  4. width: 140px;
  5. height: 19px;
  6. background: url(../afbeeldingen/menu/midden.png) repeat-y;
  7. }
  8.  
  9. div.menu a:hover {
  10. color: #0000CC;
  11. width: 140px;
  12. height: 17px;
  13. border: 1px solid #DDDDDD;
  14. padding-left: 8px;
  15. background: url(../afbeeldingen/menu/zijkant.png);
  16. }
  17.  
  18. div.menublok-bovenkant {
  19. background: url(../afbeeldingen/menu/bovenkant.png) no-repeat;
  20. font-weight: bold;
  21. padding: 8px 0 0 10px;
  22. }
  23.  
  24. div.menublok-inhoud a {
  25. padding-left: 8px;
  26. margin-bottom: 0px;
  27. }
  28.  
  29. div.menublok-onderkant {
  30. background: url(../afbeeldingen/menu/onderkant.png) no-repeat bottom left;
  31. height: 8px;
  32. margin-bottom: 10px;
  33. }

Pagina:
  1. <div class="menu">
  2. <div class="menublok-bovenkant"></div>
  3. <div class="menublok-inhoud">
  4. <a href="a">Beginpagina</a>
  5. <a href="a">Forums</a>
  6. <a href="a">Blogs</a>
  7. </div>
  8. <div class="menublok-onderkant"></div>
  9. <div class="menublok-bovenkant"></div>
  10. <div class="menublok-inhoud">
  11. <a href="a">Persoonlijke bestanden</a>
  12. <a href="a">Berichten</a>
  13. </div>
  14. <div class="menublok-onderkant"></div>
  15. </div>


Situatie in FF:

-----
| A
| A
-----

Situatie in IE:

-----
| A
| A

-----

4 antwoorden

Gesponsorde links
Offline Dolfje - 16/07/2005 20:35
Avatar van Dolfje Gouden medailleGouden medailleGouden medaille

PHP ver gevorderde
met een table gaan werken 
Offline nathanael - 16/07/2005 22:15
Avatar van nathanael Gouden medaille

HTML gevorderde
en wat als je nou in div.menublok-inhoud a {
padding-bottom: 0px; tussenvoegt?

want waarschijnelijke neemt hij die 8px aan van padding-left

Of heb ik het verkeerd?
Offline Frederic - 17/07/2005 00:06
Avatar van Frederic PHP ver gevorderde Ik heb het uitgetest, door padding-bottom in te voegen, maar dat werkt helaas niet!
Offline CelestialCelebi - 17/07/2005 08:53 (laatste wijziging 17/07/2005 09:05)
Avatar van CelestialCelebi PHP gevorderde
  1. <div class="menu">
  2. <div class="menublok-bovenkant"></div>
  3. <div class="menublok-inhoud">
  4. <a href="a">Beginpagina</a>
  5. <a href="a">Forums</a>
  6. <a href="a">Blogs</a>
  7. </div><div class="menublok-onderkant"></div>
  8. <div class="menublok-bovenkant"></div>
  9. <div class="menublok-inhoud">
  10. <a href="a">Persoonlijke bestanden</a>
  11. <a href="a">Berichten</a>
  12. </div><div class="menublok-onderkant"></div>
  13. </div>


Werkt het zo wel? Heb ook eens dat probleem gehad en had het volgens mij zo opgelost.

Citaat:
met een table gaan werken 

Jij weet echt niet waar je het over hebt.. Een tabel is voor tabulaire data (zoek op als je niet weet wat het is), en NIET voor een layout.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.269s