următorul mesaj »

[lugojan]

Am probleme cu urmatorul tabel:

Cod:

<table border="0"
       width="100%"
       align="center"
       cellspacing="0"
       cellpadding="0">
       <tr>
         <td colspan="3"
             align="center"
             bgcolor="#f0f0f0">
             <div class="titlu"
                  align="center">
123456789 123456789 123456789
             </div>
         </td>
       </tr>
       <tr>
         <td width="100"
             bgcolor="#fff0f0"
             align="center">
             alfa
         </td>
         <td align="center">
             beta
         </td>
         <td width="100"
             bgcolor="#fff0f0"
             align="center">
             gamma
         </td>
       </tr>
</table>

In momentul in care sirul de cifre creste peste 30 de caractere (aproximativ), celulele laterale de cate 100 de pixeli nu mai sunt de 100 de pixeli.
Asta in MSIE 7 si Opera; in Netscape si Firefox merge bine.

[organic]

n-ar fi rau sa stim si ce se ascunde in clasa aia CSS 'titlu'

[lugojan]

Imi cer scuze, nu am fost atent

Cod:

.titlu
{
  margin-top:0;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  font-size:12pt;
  font-weight:bold;
  text-transform:uppercase;
}

[xServers.ro]

seems ok

[lugojan]

Exact acest lucru ma nemultumeste.
Totul pare a fi OK.
Tabelul apare bine in Netscape Navigator si Mozilla Firefox.
In MSIE7 si Opera apare bine doar cu conditia ca sirul de cifre sa fie de o lungime sub 30 de caractere.
Cum trec de 30 de caractere cum mi se strica aspectul tabelului, adica nu mai respecta latimea de 100 de pixeli la celulele respective.

[xServers.ro]

adica creste?


stii care cred ca e buba? tu ai lucrat din cate vad si in procente si in dimensiuni fixe.

pe al doilea rand, cel cu 3 coloane/celule, ai 2 cu dimensiuni fixe si cea din mijloc (parca) nu are nici un width setat. incearca sa il carpesti cu un width=100%. nu bag mana in foc ca va merge, dar sigur e asta problema. 2 celule au width una e saraca "la liber", si cred ca de-aia cele de 100 isi schimba dimesiunea.


niste print screen-uri nu ar strica

[lugojan]

Imi cer scuze ca nu am ascultat de sfatul cu printscreen-urile.
Prefer sa inserez un fisier de test.
M-am straduit sa dau explicatiile de rigoare.
Incercati sa il vizualizati in MSIE, in Opera, in Firefox si in Netscape Navigator.

Cod:

Incercati, pentru inceput, in MSIE si/sau Opera.
<br>
Tabel 1: chenarul este activat pentru o mai buna vizualizare; se poate observa ca celulele din randul 2 au dimensiunea in functie de continut
<table border="1">
  <tr>
    <td>
      1
    </td>
  </tr>
  <tr>
    <td>
      alfa
    </td>
    <td>
      beta
    </td>
    <td>
      gamma
    </td>
  </tr>
</table>
Tabel 2: tabelul este centrat in pagina
<table border="1"
       align="center">
  <tr>
    <td>
      2
    </td>
  </tr>
  <tr>
    <td>
      alfa
    </td>
    <td>
      beta
    </td>
    <td>
      gamma
    </td>
  </tr>
</table>
Tabel 3: singura celula din randul 1 ocupa tot atat spatiu cat cele trei celule din randul 2
<table border="1"
       align="center">
  <tr>
    <td colspan="3">
        3
    </td>
  </tr>
  <tr>
    <td>
      alfa
    </td>
    <td>
      beta
    </td>
    <td>
      gamma
    </td>
  </tr>
</table>
Tabel 4: randul 1 este centrat
<table border="1"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        4
    </td>
  </tr>
  <tr>
    <td>
      alfa
    </td>
    <td>
      beta
    </td>
    <td>
      gamma
    </td>
  </tr>
</table>
Tabel 5: randul 1 contine un sir lung; se poate observa ca celulele din randul 2 au dimensiuni diferite
<table border="1"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        123456789 123456789 123456789 1
    </td>
  </tr>
  <tr>
    <td>
      alfa
    </td>
    <td>
      beta
    </td>
    <td>
      gamma
    </td>
  </tr>
</table>
Tabel 6: celulele din randul 2 au continutul centrat
<table border="1"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        123456789 123456789 123456789 1
    </td>
  </tr>
  <tr>
    <td align="center">
      alfa
    </td>
    <td align="center">
      beta
    </td>
    <td align="center">
      gamma
    </td>
  </tr>
</table>
Tabel 7: prima si ultima celula din randul 2 au latime fixa (cate 100 pixeli)
<table border="1"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        123456789 123456789 123456789 1
    </td>
  </tr>
  <tr>
    <td align="center"
        width="100">
      alfa
    </td>
    <td align="center">
      beta
    </td>
    <td align="center"
        width="100">
      gamma
    </td>
  </tr>
</table>
Tabel 8: prima si ultima celula din randul 2 au latime fixa (cate 100 pixeli); continutul primului rand a crescut; se poate observa ca celulele din randul 2 nu mai sunt centrate (in MSIE si Opera)! In Mozilla Firefox si Netscape Navigator raman centrate. E greu sa imi dau seama exact momentul in care tabelul se strica.
<table border="1"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        123456789 123456789 123456789 123456789
    </td>
  </tr>
  <tr>
    <td align="center"
        width="100">
      alfa
    </td>
    <td align="center">
      beta
    </td>
    <td align="center"
        width="100">
      gamma
    </td>
  </tr>
</table>
Tabel 9: tabelul ocupa, in latime, toata pagina (100%)
<table border="1"
       width="100%"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        123456789 123456789 12345678
    </td>
  </tr>
  <tr>
    <td align="center"
        width="100">
      alfa
    </td>
    <td align="center">
      beta
    </td>
    <td align="center"
        width="100">
      gamma
    </td>
  </tr>
</table>
Tabel 10: spre deosebire de tabelul 9, primul rand mai contine un caracter (al 29-lea); se poate observa ca latimea fixa a celulelor din randul 2 nu se mai respecta (in MSIE si Opera)! In Mozilla Firefox si Netscape Navigator latimea ramane de 100 pixeli.
<table border="1"
       width="100%"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        123456789 123456789 123456789
    </td>
  </tr>
  <tr>
    <td align="center"
        width="100">
      alfa
    </td>
    <td align="center">
      beta
    </td>
    <td align="center"
        width="100">
      gamma
    </td>
  </tr>
</table>
Se comporta la fel si la rezolutia 1024x768 si la 1280x1024 (pesemne ca nu depinde de rezolutie).

Multumiri anticipate.

[organic]

la modul cel mai sincer nu inteleg problema ta.

am testat codul in toate browserele mentionate de tine si e afisat absolut identic.

[lugojan]

Am redus fisierul la doar 2 tabele:

Cod:

Tabel 1
<table border="1"
       width="100%"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        123456789 123456789 123456789 1
    </td>
  </tr>
  <tr>
    <td align="center"
        width="100">
      alfa
    </td>
    <td align="center">
      beta
    </td>
    <td align="center"
        width="100">
      gamma
    </td>
  </tr>
</table>
Tabel 2
<table border="1"
       width="100%"
       align="center">
  <tr>
    <td colspan="3"
        align="center">
        123456789 123456789 123456789 12
    </td>
  </tr>
  <tr>
    <td align="center"
        width="100">
      alfa
    </td>
    <td align="center">
      beta
    </td>
    <td align="center"
        width="100">
      gamma
    </td>
  </tr>
</table>
Singura diferenta dintre cele doua tabele consta in lungimea sirului de caractere din randul 1: 31, respectiv 32 de caractere!

Am realizat o captura de ecran disponibila la adresa de mai jos

http://s23.quicksharing.com/v/9412123/tabele1.jpg.html

Inainte de descarcarea imaginii trebuie sa asteptati circa 20 de secunde.