login  Naam:   Wachtwoord: 
Registreer je!
 Forum

IE toont geen borders

Offline Drieske - 02/02/2009 21:04
Avatar van DrieskeLid Hallo,

In onderstaande code toont firefox de borders wel en IE niet, ik heb alles al nagekeken en vind echt niet wat er scheelt:

Hier de HTML

Plaatscode: 86387µ

en hier de css:

Plaatscode: 86388

Een voorbeeld vind je op http://www.axonet.be/test.html

Wie kan er mij helpen aub?

4 antwoorden

Gesponsorde links
Offline denniseik - 02/02/2009 22:55 (laatste wijziging 02/02/2009 23:06)
Avatar van denniseik Lid ik denk dat het probleem ligt bij de class 'rij'
wil je nou wel of niet borders in het midden zeg maar ?

zet je css eerst is overzichtelijk neer en ga dan kijken wat je fout doet ? 

  1. table {
  2. width: 95%;
  3. margin-top: 20px;
  4. margin-bottom: 20px;
  5. border-collapse: collapse;
  6. border: 1px solid black;
  7. }
  8.  
  9. table tr.hoofd{
  10. border: 1px solid black;
  11. margin-bottom: 5px;
  12. background: url(img/bg_input.jpg) repeat-x;
  13. font-family:Arial, Helvetica, sans-serif;
  14. font-size: 11px;color: #9a9a9a;height: 18px;
  15. }
  16.  
  17. th{
  18. font-weight:bold;
  19. }
  20.  
  21. tr{
  22. border-bottom: 1px dotted #dcdcdc;
  23. text-align:center;
  24. height: 25px;
  25. border: 1px solid black;
  26. }
  27.  
  28. tr.totaal{
  29. border:0px;
  30. border-top: 1px solid #dcdcdc;
  31. margin-bottom: 5px;
  32. margin-top: 5px;
  33. height: 25px;
  34. }
  35.  
  36. td.eerste{
  37. text-align:left;
  38. }
  39.  
  40. tr.rij{
  41. border-bottom: 1px dotted #dcdcdc;
  42. text-align:center;
  43. height: 25px;
  44. }
  45.  
  46. tr.rij:hover{
  47. background-color: #f6fbff;
  48. text-align:center;
  49. height: 25px;
  50. }
  51.  
  52. tr.rij2{
  53. border-top: 1px dotted #dcdcdc;
  54. text-align:center;
  55. }
  56.  
  57. tr.rij2:hover{
  58. background-color: #f6fbff;
  59. text-align:center;
  60. }


Ik zie zoiezo niks terug van bijvoorbeeld de kleuren en 'dotted' als rand in je tabel dus ik zou maar is gaan kijken of er geen fouten in je code zit.
Offline Drieske - 02/02/2009 23:14
Avatar van Drieske Lid Ik heb gekeken in de code en daar is niets mis mee volgens mij, waarom werkt hij in FF dan wel? Moest het een syntax fout zijn zou hij daar ook niet werken...
Offline denniseik - 02/02/2009 23:21 (laatste wijziging 02/02/2009 23:28)
Avatar van denniseik Lid ik zit te proberen maar ik kom er niet zo snel op. Met de code is inderdaad niks mis.

werkt het wel als je bijvoorbeeld gebruikt ?
  1. tr.rij{
  2. border: 1px #000000;
  3. text-align:center;
  4. height: 25px;
  5. }
Offline Pieter - 03/02/2009 08:49
Avatar van Pieter Gouden medaille

SEO guru
Er is op zich niets mis met de code, alleen is die verschrikkelijk ingewikkeld opgesteld terwijl je die in een paar regels zou kunnen zou kunnen opstellen.
Ik denk dat er nu gewoon dubbele zaken inzitten (IE override de voorgaande, terwijl firefox dit niet doet).

Neem elementen zoals die text-align: center; toch samen in wat elke tr zou moeten hebben, want nu verwart het. Idem voor die borders. Elke tr heeft een border in een bepaalde kleur behalve de tr die je een speciale opmaak meegeeft. Elke tr heeft een hoverkleur. Elke row is 25px hoog...

Ruim gewoon even je code op, je kan het massaal comprimeren waardoor de fout sowieso wel aan de oppervlakte zal komen.  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s