ďťż

[html i spolka]Tabelka zagniezdzona i height: 100%

       

Podstrony


telcocafe

Witam formowiczow!
Chcialem zrobi stron z innym ukladem niz dotychczas, i stwierdzilem, ze sa problemy przy zagniezdzaniu tabel w operze i FF (w mozilli nie sprawdzalem, bo sie nie chce odpalic cosik :P), natomiast na ie (fuj :P) dzila. Dokladnie chodzi mi o ustawianie wysokosci tabelki zagniezdzaonej na 100% - tak zeby sie dopasowala do wysokosci komorki, co obsluguje jedynie ie, a opera & FF olewaja :/.
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Test </title> <style type="text/css"> table { font-family: verdana; font-size: 11px; color: #000000; } </style> </head> <body> <center> <table style="width: 500px; border: 1px solid #000000; border-collapse: collapse; margin: 0; padding: 0;"> <tr> <td colspan="2" style="border-bottom: 1px solid #000000;"> Tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst...<br> Tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst... </td> </tr> <tr> <td style="width: 150px; vertical-align: top; border-right: 1px solid #000000;"> <b>Menu</b><br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> . Link<br> </td> <td style="padding: 0; margin: 0; vertical-align: top;"> <table style="width: 100%; height: 100%; border-collapse: collapse; margin: 0; padding: 0; background: #F0F0F0;"> <tr> <td style="height: 100px; text-align: center; vertical-align: middle; border-bottom: 1px solid #000000;"> Jakis tekst... </td> </tr> <tr> <td style="vertical-align: top;"> Tresc strony... Tresc strony... Tresc strony... Tresc strony... Tresc strony... Tresc strony... Tresc strony... Tresc strony... <br> Tresc strony... Tresc strony... Tresc strony... Tresc strony... Tresc strony... Tresc strony... Tresc strony... Tresc strony... <br> </td> </tr> </table> </tr> </tr> </table> </center> </body> </html>

Zrzut ekranu z:
IE: Kliknij
Opera i FF: Kliknij

Chodzi o ta szara tabele ;).

Wie ktos co zrobic, zeby tabelka wyswietlala sie jak w IE na innych przegladarkach?

P.S> Jezeli ktos chce mi poradzic, zebym uzywal div'ow zamiast tabelek, to chetnie, tylko poprosze od razu zrobic taki uklad, ktory bedzie sie wyswietlal na przegladarkahch tak samo (tu chodzi mi o bordera, ktory w jednych zalicza sie do objetosci div'a a w innych doklada sie), bo jakos nie dalem rady sam :(.
Użytkownik Ali240 edytował ten post 02 maj 2006, 15:28


W IE jest tak samo jak pod Operą, nie wiem jakiej ty przeglądarki używałeś, że Ci tak wyszło.

To :
<td style="padding: 0; margin: 0; vertical-align: top;"> <table style="width: 100%; height: 100%; border-collapse: collapse; margin: 0; padding: 0; background: #F0F0F0;"> <tr>
zamień na to
<td style="padding: 0; margin: 0; vertical-align: top;background: #F0F0F0;"> <table style="width: 100%; height: 100%; border-collapse: collapse; margin: 0; padding: 0;"> <tr>

Dlaczego tak... po prostu tabela ma swój styl ale przyjmuje część właściwości tabeli/komórki nadrzędnej, więc zdefiniowaliśmy zamiast tej tabelki tą komórke w której tabela się znajdowała ;)

mmatheww: Opera 8.52
Avenger: Tyle ze ja nie chce zmienic tla komorki w ktorej mam tabele, bo to nie rozwiazuje problemu. Dokladniej to ta tabelka bedzie jeszcze podzielona na 2 kolumny o roznych tlach, czyli potrzebuje rozciagnac tabelke na 100% bo inaczej lay mi nie wyjdzie :(.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.