-
Path: news-archive.icm.edu.pl!news.icm.edu.pl!.POSTED!not-for-mail
From: Marek <p...@s...com>
Newsgroups: pl.comp.www
Subject: Re: CSS - środkowanie w pionie
Date: Fri, 23 Dec 2011 11:40:17 +0100
Organization: ICM, Uniwersytet Warszawski
Lines: 103
Message-ID: <1...@4...net>
References: <1l97ww8evns6$.19skeqvtexd8v$.dlg@40tude.net>
<4...@z...googlegroups.com>
<1sqw2529mjhzp$.iuq5v4dj29mb$.dlg@40tude.net>
<c...@p...googlegroups.com>
NNTP-Posting-Host: 89-77-242-221.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit
X-Trace: news.icm.edu.pl 1324636827 14480 89.77.242.221 (23 Dec 2011 10:40:27 GMT)
X-Complaints-To: u...@n...icm.edu.pl
NNTP-Posting-Date: Fri, 23 Dec 2011 10:40:27 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.41pl
Xref: news-archive.icm.edu.pl pl.comp.www:400020
[ ukryj nagłówki ]Dnia Thu, 22 Dec 2011 20:35:38 -0800 (PST), HARY napisał(a):
> On 22 Gru, 22:59, Marek <p...@s...com> wrote:
>> Dnia Wed, 21 Dec 2011 23:28:42 -0800 (PST), HARY napisał(a):
>>> Prostokąty o ustalonej wysokości zawierające tekst, to nie jest dobry
>>> pomysł. Jak sobie powiększę tekst, żeby cokolwiek przeczytać, to
>>> zawartość z nich wyłazi i zakrywa mi tekst poniżej albo jest ucinana.
>> Jeśli masz na myśli powiększanie teksty jako powiększenie strony WWW w
>> przeglądarce, to nie ma problemu. Prostokąt wtedy też się powiększy. Jeśli
>> chcesz powiększyć sobie sam tekst a resztę strony zostawić niezmienną - to
>> musisz liczyć się z tym, że zacznie to fatalnie wyglądać. Nie widzę więc
>> problemu.
>
> Nie widzisz, bo odpowiadasz na coś, czego nie napisałem. Kiedy piszę
> "powiększenie tekstu" mam na myśli powiększenie tekstu. Nie strony. To
> ostatnie uważam za zły pomysł.
Chwila - chyba czegoś nie doczytałeś. Drugie zdanie z mojego tekstu opisuje
drugą interpretację Twoich słów "Jeśli chcesz powiększyć sobie sam tekst a
resztę strony zostawić niezmienną (...)"
Więc jeszcze raz napiszę to samo: nie widzę problemu w tym, że jeśli ktoś
powiększa sobie niektóre elementy strony a pozostawia inne nie zmienione,
to musi liczyć się z tym, że strona straci fason. To logiczne. Gdy
powiększysz sobie np. Flasha na stronie (bo czasem tak można) a reszty nie
zmienisz też będzie to źle wyglądało. To są prawa fizyki :-D
> Za W3C:
> "middle
> The center of the cell is aligned with the center of the rows it
> spans."
To jest jasne.
>
> Wiem, gdzie jest "center of the cell". Pokaż mi teraz, gdzie W3C
> definiuje, gdzie jest "center of the rows".
Nie bardzo widzę do czego zmierzasz, ale odpowiem. Wysokość wiersza to
wysokość najwyższej komórki przed wyrównaniem jej do wysokości wiersza.
Jego środek to wysokość/2. Nawet jeśli to nie jest zdefiniowane formalnie,
to wydaje się to być oczywistym.
> Dla mnie centrowanie jest wtedy, kiedy środek B pokrywa się ze
> środkiem A. A jeśli nie ma B?
>
> Zdefiniuj centrowanie dla przypadku, kiedy nie ma B.
Gdy nie ma B - czyli mamy sobie np. zawartość komórki tabeli w postaci
czystego tekstu oraz komórka ma narzuconą wysokość większą od zawartości,
to odległość od górnej krawędzi komórki do tekstu ma być taka sama jak
odległość dolnej krawędzi tekstu od dolnej krawędzi komórki.
Tu masz ppraktyczny przykład centrowania gdy nie ma B:
<div style="display: table-cell; height:400px; vertical-align:middle;
background-color:#009900">to jest tekkst<br>
druga linia tekstu</div>
Kolor zielony pokazuje jakiej faktycznej wysokości jest element A. Nawet
jeśli uznasz, że ten element jest elementem B bo jest wewnątrz anonimowego
wiersza, to i tak wypełnia on 100% jego wysokości więc nie ma mowy o
centrowaniu względem wiersza.
>> Czyli gdy ustawię sobie parę elementów typu table-cell to będą one do
>> siebie przylegać ciasno bez tendencji do spadania jeden pod drugi nawet
>> jeśli szerokość otaczającego elementu będzie mniejsza?
>
> Szerokość przy display:table-cell i width:auto określana jest na
> zasadzie "shrink-to-fit", tak jak elementów float z width:auto. (Jeśli
> się mylę, niechaj ktoś poprawi). Od tego miejsca możesz już sam
> udzielić sobie odpowiedzi na pytanie.
Nie chodzi mi o to co dzieje się z zawartością komórki tylko to co dzieje
się z samą komórką. Ale odpowiedź uzyskałem poniżej - gdzie wspomniałeś o
obiektach anonimowych. Wszystko stało się jasne.
> 17.2.1 Anonymous table objects
>
> "Any table element will automatically generate necessary anonymous
> table objects around itself, consisting of at least three nested
> objects corresponding to a 'table'/'inline-table' element, a 'table-
> row' element, and a 'table-cell' element." (...)
ahhhh... teraz rozumiem jak to działa. Nie bardzo rozumiełem ideę
anonimowych obiektów bo i nie wczytywałem się w to uważnie... Mea culpa.
Czy z tego można wywnioskować również coś takiego jak niżej? Jeśli zrobimy
sobie konstrukcję:
<div style="display:table">tekst</div>
To przeglądarka rozwinie to sobie do postaci:
<div style="display:table">
<div style="display:table-row">
<div style="display:table-cell">
tekst
</div>
</div>
</div>
Czy tak ?
Następne wpisy z tego wątku
- 23.12.11 11:43 Marek
- 26.12.11 16:36 Paweł Piskorz
- 27.12.11 15:09 M.G.
- 27.12.11 16:46 HARY
- 27.12.11 18:32 Marek
- 28.12.11 18:20 HARY
- 28.12.11 20:16 Marek
- 29.12.11 17:33 HARY
- 29.12.11 18:44 Marek
- 29.12.11 20:27 HARY
- 29.12.11 23:34 Marek
- 30.12.11 08:12 NKAB -
- 30.12.11 09:15 Marek
- 30.12.11 13:19 Marek
- 30.12.11 19:19 HARY
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-09-02 Wzór
- 2024-09-01 Polska-Chorwacja 650zł elektrykiem
- 2024-09-01 odrdzewiacz do amelinium
- 2024-09-01 Elektryczna łapka i szerszeń
- 2024-09-01 Jakie podatki za wynajem?
- 2024-09-02 Warszawa => Key Account Manager <=
- 2024-09-02 Warszawa => Projektant/Programista React Native <=
- 2024-09-02 Gdańsk => Head of International Freight Forwarding Department <=
- 2024-09-02 Warszawa => Sales Development Representative (in German) <=
- 2024-09-01 1. wrzesnia po niemiecku
- 2024-09-01 Od setki do setki...
- 2024-08-31 wpadłem w siodło
- 2024-08-25 cenka opada
- 2024-08-30 Elektryki takie bezpieczne cd.
- 2024-08-31 Warszawa => International freight forwarder <=