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:
php code - Bekijk de code zonder highlighting - Klap code in 
  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:
php code - Bekijk de code zonder highlighting - Klap code in 
  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
php code - Bekijk de code zonder highlighting - Klap code in 
  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. }


php code - Bekijk de code zonder highlighting - Klap code in 
  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.221s