Samo-rozszerzająca się tabela w css


(Axadiw) #1

Witam,

Mam zbudowaną stronkę, opierającą się o tabele, które chcę pozamieniać na div-y, jako że, informacje na stronie mieszczą się w rozszerzalnych tabelkach, postanowaiłem męczyć się ze zmiany tylko jednej, na oddzielnej stronie, oto ona:

http://axadiw.dyndns.org/katalog/test.php

Jak widzice tabela składa się z 9 elementów: 4 rogów, 4 brzegów i tła wypełniającego środek

Troche walczyłem, i jak narazie mam pare div-ów ładnie rozszerzających się w pionie.

Jednak co do poziomu, jest nie do ruszenia Smile

Krótkie pytanie: jak zrobić, żeby szerokość tej tabelki się skalowała, w zależności co jest w środku? (wpisałem width:400px, aby przedstawić problem, obrazek pokazuje co się dzieje przy elemencie większym niz te przykładowe 400px).

Słyszałem o tym, żeby oprzeć to na float i clear, może tędy droga? (walcze z tym juz z 3 dzień, i sam juz niewiele wymyśle, więc zgłaszam się do Was)


(Droop) #2

niestety link do strony nie dziala ..

jesli dobrze rozumiem temat to mozesz oprzec zawartosc na scrollach uzywajac

overflow: auto|hidden|inherit;

lub tylko dla poziomu

overflow-x: auto|hidden|inherit;

i analogicznie do pionu -y w przypadku gdy chcesz rozszerzyc width mozesz to zrobic za pomoca javascriptu

document.getElementById("id_elementu").style.width=nowy_rozmiar

mam nadzieje ze moja pomoc sie przyda :slight_smile: