login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tabel in interenet explorer anders dan in firefow

Offline Novan - 27/06/2010 19:47
Avatar van NovanNieuw lid Hallo
Kan iemand mij helpen met een tabel deze word goed weergeven in firefox maar slecht internet explorer 8.0
het gaat over de rand zie foto waar dat lijntje doorloopt hoe krijg ik dit weg.
de code css van de tabel is de volgende
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #afkortingstabel   {
  2. 	margin-top: 20px;
  3. 	margin-right: auto;
  4. 	margin-left: auto;
  5. 	border: 4px solid #660000;
  6. 	background-color: #445745;
  7. 	border-collapse: collapse;
  8. 	width: 518px;
  9. }
  10. #afkortingstabel th.afkortingen {
  11. 	width: 123px;
  12. 	border-right-width: 1px;
  13. 	border-right-style: solid;
  14. 	border-right-color: #333333;
  15. }
  16. #afkortingstabel th.betekenis {
  17. 	width: 393px;
  18. }
  19. #afkortingstabel thead {
  20. 	font-family: Arial, Helvetica, sans-serif;
  21. 	font-size: 18px;
  22. 	color: #FFCC33;
  23. }
  24. #afkortingstabel       th   {
  25. 	border-bottom-width: 3px;
  26. 	border-bottom-style: solid;
  27. 	border-bottom-color: #333;
  28. 	background-color: #444;
  29. 	text-align: center;
  30. 	font-weight: bold;
  31. 	padding-top: 5px;
  32. 	padding-bottom: 5px;
  33. }
  34. #afkortingstabel tbody {
  35. 	font-family: Arial, Helvetica, sans-serif;
  36. 	font-size: 14px;
  37. 	color: #FFFFFF;
  38. 	text-align: center;
  39. }
  40. #afkortingstabel    td   {
  41. 	padding-top: 4px;
  42. 	padding-bottom: 4px;
  43. 	border: 1px solid #333333;
  44. }
  45. #afkortingstabel          tr:hover        {
  46. 	color: #FFCC33;
  47. 	background-color: #444444;
  48. }

[img]http://img....jpg[/img]

1 antwoord

Gesponsorde links
Offline Jelmerholland - 27/06/2010 23:50
Avatar van Jelmerholland PHP beginner Ik zie 't antwoord niet zo snel. MAar je kan iin ieder geval je css versimpelen, afkorten

css code - Bekijk de code zonder highlighting - Klap code in 
  1. border-bottom-width: 3px;
  2.     border-bottom-style: solid;
  3.     border-bottom-color: #333;

Kan je van maken
css code - Bekijk de code zonder highlighting - Klap code in 
  1. border-bottom: 3px solid #333;


==

css code - Bekijk de code zonder highlighting - Klap code in 
  1. padding-top: 4px;
  2.     padding-bottom: 4px;

Kan je van maken
css code - Bekijk de code zonder highlighting - Klap code in 
  1. padding: 4px 0;


==

Werkt precies 't zelfde, maar je hebt gewoon wat minder lines waardoor het makkelijker te lezen is, én het is duidelijk wat bij wat hoort 

OT:
Sorry, maar je probleem weet ik zo snel niet op te lossen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.201s