Mam doś nietypowy problem. Na stronie mam podział na menu nawigacyjne i cześc użytkownika. W tej części użytkownika tworzę różne formularza (wiem że się tak nie powinno robić ale inaczej nie umiem - robię to na tabelkach)
Dopóki tworzę tabelę o szerokości 100% to następna tabela jest pod poprzednią. Ale jak zrobię np 80% to tylko w Firefoxie są pod sobą (ale muszę między tabelami wstawić znacznik <br>), w IE i Operze tabele są obok siebie i ekran się rozciąga.

Jak rozwiązać ten problem?

To jest kod tego pliku:

[HTML] pobierz, plaintext 
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
        <tr>
           <td><h2 align="center">Informacje o zleceniu</h2></td>
        </tr>
        <tr>
           <td><img src="images/spacer.gif" alt="" width="0" height="20"></td>
        </tr>
   </table>
   <table width="80%" align="left" border="0" cellspacing="0" cellpadding="0">
        <tr>
           <td>
              <table width="100%" align="left" border="0" cellpadding="2" cellspacing="1">
                   <tr>
                      <td  class="tdbkground"><strong>Imię:</strong></td>
                      <td><input type="text" name="imie" value=<?=$query_data[2]?> size="21" maxlength="20" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>Nazwisko:</strong></td>
                      <td><input type="text" name="nazwisko" value=<?=$query_data[3]?> size="37" maxlength="35" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>Pesel:</strong></td>
                      <td><input type="text" name="pesel" value=<?=$query_data[4]?> size="11" maxlength="11" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>E-mail:</strong></td>
                      <td><input type="text" name="email" value=<?=$query_data[5]?> size="43" maxlength="40" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>Nazwa firmy:</strong></td>
                      <td><input type="text" name="firma" value=<?=$query_data[6]?> size="90" maxlength="80" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>Ulica:</strong></td>
                      <td><input type="text" name="ulica" value=<?=$query_data[7]?> size="67" maxlength="60" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>Kod pocztowy:</strong></td>
                      <td><input type="text" name="kod" value=<?=$query_data[8]?> size="6" maxlength="6" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>Miejscowość:</strong></td>
                      <td><input type="text" name="miejscowosc" value=<?=$query_data[9]?> size="43" maxlength="40" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>Telefon:</strong></td>
                      <td><input type="text" name="telefon" value=<?=$query_data[10]?> size="20" maxlength="20" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>Fax:</strong></td>
                      <td><input type="text" name="fax" value=<?=$query_data[11]?> size="20" maxlength="20" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>REGON:</strong></td>
                      <td><input type="text" name="regon" value=<?=$query_data[12]?> size="9" maxlength="9" readonly="readonly"/></td>
                   </tr>
                   <tr>
                      <td  class="tdbkground"><strong>NIP:</strong></td>
                      <td><input type="text" name="nip" value=<?=$query_data[13]?> size="10" maxlength="10" readonly="readonly"/></td>
                   </tr>
              </table>
           </td>
        </tr>
   </table>
   <br>
   <table width="60%" align="left" border="0" cellspacing="0" cellpadding="1">
       <tr>
          <td><img src="images/spacer.gif" alt="" width="0" height="10"></td>
       </tr>
       <tr>
          <td  class="tdbkground"><strong>Treść zlecenia:</strong></td>
       </tr>
       <tr>
          <td  class="tdbkground"><textarea name="tresc" cols="60" rows="4" wrap="virtual" readonly="readonly"><?=$query_data[0]?></textarea></td>
       </tr>
   </table>
   <br>
   <table width="40%" align="left" border="0" cellspacing="2" cellpadding="1">
       <tr>
          <td><img src="images/spacer.gif" alt="" width="0" height="10"></td>
       </tr>
       <tr>
          <td  class="tdbkground" width="40%"><strong>Data realizacji:</strong></td>
          <td><input type="text" name="nazwisko" value=<?=$query_data[1]?> size="10" maxlength="10" readonly="readonly"/></td>
       </tr>
   </table>
   <br>
 
 
   <table width="100%" align="left" border="0" cellspacing="0" cellpadding="2">
       <tr>
          <td><img src="images/spacer.gif" alt="" width="0" height="10"></td>
       </tr>
       <tr>
          <td width="50%"align="center"><input type="Button" name="Button" value="Wróć" onClick="location.href='zlecenia_p_zrealizowane.php?<?=SID?>'"></td>
       </tr>
   </table>
[HTML] pobierz, plaintext 

daj se <br /> między tabelami

Mam <br> i to nie pomaga.
W kodzie który podałem wyżej jest to:

[HTML] pobierz, plaintext 
...
...
 </table>
<br>
 
 
<table width="100%" align="left" border="0" cellspacing="0" cellpadding="2">
..
..
..
[HTML] pobierz, plaintext 

Daj dwa razy to zadziala

Dałem dwa razy a nawet 3. Tabela się nie rusza. Sa obok siebie i ekran się rozjeżdża

Zamiast

[HTML] pobierz, plaintext 
<table width="100%" align="left" border="0" cellspacing="0" cellpadding="2">
[HTML] pobierz, plaintext 

Daj

[HTML] pobierz, plaintext 
<table width="100%" valign="left" border="0" cellspacing="0" cellpadding="2">
[HTML] pobierz, plaintext 

Powinno pomóc

Przeciez valign to vertical align, a Ty mu chcesz dac left?

Wiem ale ja miałem podobny problem i ten sposób okazał się skuteczny ;p

Usun z tagu <table> wszystkie parametry typu: align="left" i tabele uloza sie normalnie jedna pod druga.
Jezeli bedzie ci potrzebne wyrownanie do lewej to zrob to w stylach:

[HTML] pobierz, plaintext 
<table style="text-align: left;">
[HTML] pobierz, plaintext 

przepraszam ze sie wtracam
ale po co dajesz

[HTML] pobierz, plaintext 
<table>
 <tr>
  <td>
   <table>
    <tr>
     <td></<Td>
    </tr>
   </table>
</td>
</tr>
</table>
[HTML] pobierz, plaintext 

wystarczyloby

[HTML] pobierz, plaintext 
<table>
    <tr>
     <td></<Td>
    </tr>
   </table>
[HTML] pobierz, plaintext 

pozatym jak masz

[HTML] pobierz, plaintext 
<input type="text" name="nazwisko" value=<?=$query_data[1]?>
[HTML] pobierz, plaintext 

to value dawaj w cudzyslow

[HTML] pobierz, plaintext 
<input type="text" name="nazwisko" value="<?=$query_data[1]"?>
[HTML] pobierz, plaintext 

a pozatym to naucz sie html najpierw