GoldenLine
Zaloguj się

konto usunięte

Temat: 100% wysokości w komórce tabeli

Witam,
Mam tabelę w tabeli, czyli coś takiego:
<table id="outer">

 <tr>

  <th>Długi, wielolinijkowy tekst, wyższy niż tabela wewnętrzna</th>

  <td>

   <table id="inner">...</table>

  </td>

 </tr>

</table>

Jak zrobić, żeby wewnętrzna tabela wypełniała <td> na 100% wysokości?
<td> ani wewnętrzna tabela nie mogą mieć stałej wysokości bo wszystko jest generowane dynamicznie i może być różnie. Próbowałem ustawiać height na 100% zarówno w table jak i td, ale nic to nie daje - dostaję "marginesy" pod i nad tabelą.
W google znalazłem brzydkie rozwiązanie z niepoprawnym doctype, ale działa to wyłącznie w starych IE, a mi zależy TYLKO na webkicie.
Mogę opakować w coś wewnętrzną tabelę ale eksperymenty z div'ami i span'ami nie dawały rezultatów. Javascript nie wchodzi w grę.Krzysztof Kawa edytował(a) ten post dnia 05.03.10 o godzinie 16:47
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

Krzysztof Kawa:
Krzysztofie mam rozumieć że chcesz aby wewnętrzna tabela mogła dopasowywać się do wysokości <th> i vice versa?
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

w skrócie - tak :)
Odwrotnie już nie koniecznie, czyli zawartość th nie musi się dopasowywać, natomiast tabela wewnętrzna powinna wypełniać całe td jeśli th jest wyższe.
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

Krzysztof Kawa:
w skrócie - tak :)
Odwrotnie już nie koniecznie, czyli zawartość th nie musi się dopasowywać, natomiast tabela wewnętrzna powinna wypełniać całe td jeśli th jest wyższe.
może to rozwiązanie Ci pomoże ... i nie jest na tabelach :)
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

Wielokolumnowe layouty to nie problem, sam komuś tutaj ostatnio radziłem coś takiego, ale dzięki.

Natomiast tu musi być na tabelach bo to nie layout strony tylko (i tu uwaga) tabela :)
Widziałem kiedyś jakieś takie dziwne pomysły z budowaniem tabelek z divów, ale to chyba trochę przesada.
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

Krzysztof Kawa:
Wielokolumnowe layouty to nie problem, sam komuś tutaj ostatnio radziłem coś takiego, ale dzięki.
Natomiast tu musi być na tabelach bo to nie layout strony tylko (i tu uwaga) tabela :)
Widziałem kiedyś jakieś takie dziwne pomysły z budowaniem tabelek z divów, ale to chyba trochę przesada.
nie wiem czy dobrze się przyjrzałeś temu rozwiązaniu bo ono zachowuje się dokładnie tak samo jak tabela ... czyli dopasowuje wysokości kolumn do najwyższej kolumny w linii ... i bez js

może wrzuć coś na testa to popatrzymy... albo daj jakiś obrazek z wyjaśnieniem o co dokładnie chodzi
tabela wewnętrzna powinna wypełniać całe td jeśli th jest wyższe.
co rozumiesz przez wypełniać? jest tam jakieś tło?
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

Ok, problem wygląda mniej więcej tak, tylko kolumn, wierszy i kolorów jest dużo więcej:
Obrazek
Chciałbym rozciągnąć wewnętrzne tabele tak, żeby zakrywały czerwone tło okalającej komórki. width 100% działa, ale height 100% już nie.
Normalnie użyłbym tu js, ale rozmiary tabelek są takie, że przestój w czasie wykonywania skryptu trwa zbyt długo.
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

Mam nadzieję, że dobrze zrozumiałem - oto rozwiązanie działające w przeglądarkach opartych o silnik Gecko oraz Webkit, a więc powinno Cię to zadowolić...

Cały patent polega na nadaniu elementowi <table> właściwości height:100% - zakładamy rzecz jasna, że tabele zagnieżdżone dziedziczą ten parametr ;)
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

Waldek Mazurek:
Cały patent polega na nadaniu elementowi <table> właściwości height:100% - zakładamy rzecz jasna, że tabele zagnieżdżone dziedziczą ten parametr ;)

height 100% w głównej tabeli - na to bym nie wpadł :)
Działa, dzięki!
Link do wypowiedziLink
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: 100% wysokości w komórce tabeli

Krzysztof Kawa:
Ok, problem wygląda mniej więcej tak, tylko kolumn, wierszy i kolorów jest dużo więcej:
Obrazek
Chciałbym rozciągnąć wewnętrzne tabele tak, żeby zakrywały czerwone tło okalającej komórki.

Na pewno potrzebujesz tabeli w tabeli?
http://www.w3.org/TR/html4/struct/tables.html#adef-row...
Link do wypowiedziLink

konto usunięte

Temat: 100% wysokości w komórce tabeli

Paweł Piskorz:
Na pewno potrzebujesz tabeli w tabeli?
http://www.w3.org/TR/html4/struct/tables.html#adef-row...
Problem już rozwiązany jakiś czas temu, ale odpowiadając - tak, na pewno ;)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

problem ze spozycjonowaniem...




Wyślij zaproszenie do
Anuluj