Autor Zpráva
Casero
Profil
Dobrý den,

včera jsem narazil na problém ve firefoxu s tabulkami. Pokuď vložím pod sebe dvě tabulky, které v css mají nastavenu vlastnost "border-collapse: collapse;" v IE se zobrazí správně jako tabulky, které jsou pod sebou. Ovšem Firefox v XHTML spojuje i border těchto dvou tabulek do jednoho. Z toho plynou jiné míry marginu v každém z prohlížečů.
Proto bych se chtěl zeptat, zda už tento problém někdo řešil a případně jak?...Nechci slyšet rady, ať pracuji v HTML. I když jediné řešení, co mě napadá je se vyprdnout na css vlastnost collapse a použít html atributy tabulky cellspacing.
Mockrát děkuji za každou reakci
Chamurappi
Profil
Reaguji na Casera:
Nechci slyšet rady, ať pracuji v HTML.
Jenže ty pracuješ v HTML. Nikdy jsi v něm pracovat nepřestal, <!doctype> nepřepíná parser do XML režimu. Deklarace <!doctype> může nanejvýš přepnout vykreslovací režim z quirku na standardní. Máš tedy pravděpodobně problém s HTML ve standardním režimu, ne s XHTML.

Ukázku popisovaného problému si musíme vyrobit sami?
Casero
Profil
Chamurappi
Jasný. Opravuji tedy, že mám problém ve standardním režimu firefoxu. ;)

Ne, jen jsem myslel, že jde o známější problém. ;)

Vykresluje se v pořádku ve všech prohlížečích:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<style>
table
{ 
  border-collapse: collapse;
  border: 2px solid black; 
}
</style>
  </head>
  <body>

<table>
  <tr>
    <td>10</td><td>15</td><td>20</td>
  </tr>    
  <tr>
    <td>10</td><td>15</td><td>20</td>
  </tr>  
</table> 
<table>
  <tr>
    <td>10</td><td>15</td><td>20</td>
  </tr>    
  <tr>
    <td>10</td><td>15</td><td>20</td>
  </tr>  
</table>

  </body>
</html>


Špatné zobrazení: (nezdvojený spodní border)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
<style>
table
{ 
  border-collapse: collapse;
  border: 2px solid black; 
}
</style>
  </head>
  <body>

<table>
  <tr>
    <td>10</td><td>15</td><td>20</td>
  </tr>    
  <tr>
    <td>10</td><td>15</td><td>20</td>
  </tr>  
</table> 
<table>
  <tr>
    <td>10</td><td>15</td><td>20</td>
  </tr>    
  <tr>
    <td>10</td><td>15</td><td>20</td>
  </tr>  
</table>

  </body>
</html>
Casero
Profil
Jedná se o Firefox verze 3.0.13.
Chamurappi
Profil
Reaguji na Casera:
Zajímavý jev.

Jestli užíváš border-collapse jen kvůli vyrušení cellspacingu, mohla by tě zajímat vlastnost border-spacing. Starší Explorerové (do verze 7 včetně) ji neznají, ale v těch můžeš pomocí nějakého hacku použít ten border-collapse. Čistší řešení mě momentálně nenapadá.
Casero
Profil
Chamurappi
O tomto reseni jsem cetl, ale to uz mi prijde vyhodnejsi nulovat v html cellspacing. Nebo je tam nejaka vyhoda?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0