Witam,

Mamy sobie kod:

<div style="display:table-cell; width:300px">bla bla</div>
<div style="display:table-cell;">bla bla</div>

Ładnie sie to renderuje jednakże powstaje problem: gdy zmniejszamy
szerokość okna przegladarki poniżej sumy szerokości obu kolumn lewa kolumna
zmniejsza swój rozmiar mimo iż ma narzuconą szerokość 300px. Jak temu
zapobiegać? Nie chcę stosować jakiś archaicznych rozwiązań typu wstawianie
pustego obrazka do środka lewej kolumny skoro width działa na pół gwizdka.
Czy da się to porządnie zrealizować?

Jeśli to istotne, załóżmy HTML5.

do góry

W dniu 2012-01-27 23:57, Marek pisze:
> <div style="display:table-cell; width:300px">bla bla</div>
> <div style="display:table-cell;">bla bla</div>

Spróbuj tak:

<div style="display:table-cell; width:300px; min-width:300px">bla bla</div>
<div style="display:table-cell;">bla bla</div>

Pzdr.,
Rafał

do góry

Dnia Sat, 28 Jan 2012 09:13:36 +0100, "Rafał G." napisał(a):

> W dniu 2012-01-27 23:57, Marek pisze:
>> <div style="display:table-cell; width:300px">bla bla</div>
>> <div style="display:table-cell;">bla bla</div>
>
> Spróbuj tak:
>
> <div style="display:table-cell; width:300px; min-width:300px">bla bla</div>
> <div style="display:table-cell;">bla bla</div>
>
> Pzdr.,
> Rafał

Dzięki :-)
Pomogło, choć kompletnie nie rozumiem dlaczego. Czy jest gdzieś napisane,
że width w pikselach nie oznacza stałej, wymuszonej szerokości w pikselach?

do góry

W dniu 2012-01-28 19:39, Marek pisze:
> Pomogło, choć kompletnie nie rozumiem dlaczego. Czy jest gdzieś napisane,
> że width w pikselach nie oznacza stałej, wymuszonej szerokości w pikselach?

A to nie jest tak jak z td, gdzie bez zadanego table-layout:fixed
rozmiar jest tylko sugestia do wstepnego rozplanowania na ekranie?

Oblepienie komorki w element z "display:table;width:300px;" powinno tez
zadzialac.


--
NotBear

do góry