login  Naam:   Wachtwoord: 
Registreer je!
 Forum

FireFox vs Internet Exploder

Offline XenoX - 06/09/2005 19:40 (laatste wijziging 06/09/2005 19:48)
Avatar van XenoXGouden medailleGouden medaille

PHP expert
Ik heb een probleem met divs en tabellen.

http://www.php4experts.nl/FFvsIE.png

Zoals je ziet zit de tabel bij FireFox niet in de div, terwijl dat wel zo hoort. Zoals je bij Internet Exploder kan zien.

De code:
  1. <div class="block">
  2. <h4>Wie zijn er online</h4>
  3. <p>
  4. <table border="0" cellpadding="2" cellspacing="1" width="100%" class="mtable">
  5. <tr>
  6. <td width="1"><img src="{root_path}template/{template_path}/images/spacer.gif" width="16" height="1" alt="" /></td>
  7. <td><strong>Naam</strong></td>
  8. <td width="50" align="center"><strong>Inactief</strong></td>
  9. <td width="300"><strong>Pagina</strong></td>
  10. </tr>
  11. </table>
  12. </p>
  13. </div>


CSS:
  1. .block
  2. {
  3. text-align: left;
  4. margin-bottom: 10px;
  5. }
  6.  
  7. .block h4
  8. {
  9. background-color: #DDD;
  10. margin: 0px;
  11. margin-bottom: 3px;
  12. padding: 0px;
  13. padding-left: 5px;
  14. font-family: Arial, Helvetica, sans-serif;
  15. font-size: 11px;
  16. font-weight: bold;
  17. border-top: 1px solid #999;
  18. border-bottom: 1px solid #999;
  19. }
  20.  
  21. .block p
  22. {
  23. background-color: #DDD;
  24. margin: 0px;
  25. padding: 3px;
  26. border-top: 1px solid #999;
  27. border-bottom: 1px solid #999;
  28. }
  29.  
  30. .mtable
  31. {
  32. background-color: #CCC;
  33. }
  34.  
  35. .mtable td
  36. {
  37. background-color: #DDD;
  38. }


Hopelijk weet 1 van jullie hoe ik dit oplos.

Alvast bedankt!

2 antwoorden

Gesponsorde links
Offline Ultimatum - 07/09/2005 08:28
Avatar van Ultimatum PHP expert je werkt met tabellen in css, dat moet niet, of je werkt met css of met tabellen, het gaat niet goed samen zoals je ziet, probeer dit, mss is de css wat verkloot, maar het is een voorbeeld
  1. .block
  2. {
  3. background-color: #CCC;
  4. width: 100%
  5. text-align: left;
  6. margin-bottom: 10px;
  7. }
  8.  
  9. .block h4
  10. {
  11. background-color: #DDD;
  12. margin: 0px;
  13. margin-bottom: 3px;
  14. padding: 0px;
  15. padding-left: 5px;
  16. font-family: Arial, Helvetica, sans-serif;
  17. font-size: 11px;
  18. font-weight: bold;
  19. border-top: 1px solid #999;
  20. border-bottom: 1px solid #999;
  21. }
  22.  
  23. .block p
  24. {
  25. background-color: #DDD;
  26. margin: 0px;
  27. padding: 3px;
  28. border-top: 1px solid #999;
  29. border-bottom: 1px solid #999;
  30. }
  31.  
  32. .block2
  33. {
  34. background-color: #DDD;
  35. }


  1. <div class="block">
  2. <h4>Wie zijn er online</h4>
  3. <p>
  4. <div class="block2">
  5. <img src="{root_path}template/{template_path}/images/spacer.gif" width="16" height="1" alt="" /><br />
  6. ><strong>Naam</strong><br />
  7. <strong>Inactief</strong><br />
  8. <strong>Pagina</strong>
  9.  
  10. </div> </p>
  11. </div>
Offline Thomas - 07/09/2005 13:28
Avatar van Thomas Moderator Combinatie width="100%" en vaste afmetingen (pixels) werkt waarschijnlijk niet goed. Daarbij komt ook nog eens dat het "box-model" van tabellen in IE verkloot is.

De "width" in IE is gelijk aan de inhoud van je tabelcel + padding + border.
De "width" van other browsers (tm) is gelijk aan enkel de inhoud van je tabelcel.

M$ en eigen standaarden *zucht*. Ben ik ff blij dat ik geen designer ben .
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.22s