Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Tabela w tabeli problem z height 100%
The Night Shadow
post
Post #1





Grupa: Zarejestrowani
Postów: 495
Pomógł: 2
Dołączył: 5.02.2006
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

Witam,

W stylach height dla znacznika html i body jest ustawione na 100%.

Deklaracja kodowania wygląda tak:

[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
[HTML] pobierz, plaintext


Style wyglądają tak:

[HTML] pobierz, plaintext 
  1. * {
  2.    margin: 0px;
  3.    padding: 0px;
  4.  
  5.    vertical-align: top;
  6.    text-align: left;
  7.  
  8.    font-family: Arial;
  9.    font-size: 11px;
  10. }
  11.  
  12. html, body {   
  13.    height: 100%;
  14. }
[HTML] pobierz, plaintext


Jeżeli dam taki kod HTML:

[HTML] pobierz, plaintext 
  1. <table style="height: 100%;">
  2.       <tr>
  3.          <td style="height: 196px;">
  4.             TU JEST JAKAŚ TREŚĆ NA GÓRZE
  5.          </td>
  6.       </tr>
  7.       <tr>
  8.          <td style="height: 100%;">
  9.             <table style="height: 100%;">
  10.                <tr>
  11.                   <td style="height: 100%; background-color: #cccccc;">
  12.                      TU JEST 
  13.                   </td>
  14.                </tr>
  15.             </table>
  16.          </td>
  17.       </tr>
  18.    </table>
[HTML] pobierz, plaintext


pojawia się problem z wyświetlaniem storny w IE 7 (IE 6 o dziwo jest dobrze) oraz w Operze. W FF jest w porządku.

Już tłumacze o co chodzi. Mamy tabelę, która dzieli stronę w pionie na dwie części górną i dolną. W dolnej części umieszczona jest tabela o powiedzmy szarym tle, która ma wypełnić całą dostępną przestrzeń.

Pierwsza tabela ma wysokość 100% wysokości ekranu.

Pierwszy wiersz pierwszej tabeli ma wysokość 196px. Wydawałoby się logicznym, że drugi wiersz powinien dobrać sobie wysokość automatycznie skoro nadane zostało 100% dla całej tabeli jednakże tak się niestety nie dzieje. Dopiero gdy nadam mu wysokość 100% faktycznie się rozszerza. Problem jednak polega na tym, że w IE 7 i Operze wysokośc tego drugiego wiersza nie jest maksynmalizowana względem wcześniejszego rozmiaru tabeli, ale odpowiada dokładnie 100% wysokości okna przeglądarki przez co ogólnie rzecz biorąc wychodzi o 196px w dół w wyniku czego pojawia sie pasek przewijania.

Jak zrobić tabelę z nagłówkiem w taki sposób, by ten drugi wiersz tabeli miał pozostałą część okna przeglądarki?

Z góry dzięki za odpowiedź (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
YaQzi
post
Post #2





Grupa: Zarejestrowani
Postów: 94
Pomógł: 31
Dołączył: 12.10.2008
Skąd: WAT

Ostrzeżenie: (0%)
-----

Ja bym proponował zastosować DIVy zamiast tabel do stawiania szkieletu strony. Łatwiej się je formatuje, przeglądarki wyświetlają je poprawnie no i kodu jest sporo mniej. A jeśli już tabela, to wewnątrz DIVa.
Go to the top of the page
+Quote Post
bregovic
post
Post #3





Grupa: Zarejestrowani
Postów: 562
Pomógł: 15
Dołączył: 8.08.2003
Skąd: Denmark/Odense

Ostrzeżenie: (0%)
-----

[mega-ot]Tagujesz jako post CSS, i używasz tabeli do layoutu? (IMG:http://forum.php.pl/style_emoticons/default/sciana.gif) [/mega-ot]

Ten post edytował bregovic 5.11.2008, 23:27:00
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 28.09.2025 - 09:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn