-
Path: news-archive.icm.edu.pl!news.icm.edu.pl!plix.pl!newsfeed1.plix.pl!goblin1!gobli
n.stu.neva.ru!postnews.google.com!j9g2000vby.googlegroups.com!not-for-mail
From: HARY <p...@g...com>
Newsgroups: pl.comp.www
Subject: Re: CSS - środkowanie w pionie
Date: Thu, 29 Dec 2011 12:27:43 -0800 (PST)
Organization: http://groups.google.com
Lines: 76
Message-ID: <3...@j...googlegroups.com>
References: <1l97ww8evns6$.19skeqvtexd8v$.dlg@40tude.net>
<4...@z...googlegroups.com>
<1sqw2529mjhzp$.iuq5v4dj29mb$.dlg@40tude.net>
<c...@p...googlegroups.com>
<1...@4...net>
<8...@q...googlegroups.com>
<15h3k1j644yig.1ewaatpl81nw2$.dlg@40tude.net>
<b...@z...googlegroups.com>
<11017g3vi9zms.1gyqdj29f8tr3$.dlg@40tude.net>
<0...@m...googlegroups.com>
<11bdfjln06zve$.1kp897szd7ph9$.dlg@40tude.net>
NNTP-Posting-Host: 87.105.141.146
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2
Content-Transfer-Encoding: quoted-printable
X-Trace: posting.google.com 1325190463 14842 127.0.0.1 (29 Dec 2011 20:27:43 GMT)
X-Complaints-To: g...@g...com
NNTP-Posting-Date: Thu, 29 Dec 2011 20:27:43 +0000 (UTC)
Complaints-To: g...@g...com
Injection-Info: j9g2000vby.googlegroups.com; posting-host=87.105.141.146;
posting-account=Va2PsgoAAADicKgfzafYsa82_F0InXsc
User-Agent: G2/1.0
X-Google-Web-Client: true
X-Google-Header-Order: HUALESNKC
X-HTTP-UserAgent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.20) Gecko/20081217
Firefox/2.0.0.20,gzip(gfe)
Xref: news-archive.icm.edu.pl pl.comp.www:400073
[ ukryj nagłówki ]On 29 Gru, 19:44, Marek <p...@s...com> wrote:
> Dnia Thu, 29 Dec 2011 09:33:24 -0800 (PST), HARY napisał(a):
> Jeśli się nie da, to trudno. Chodziło mi o to, że wyrównanie w poziomie
> jest faworyzowane z niejasnych przyczyn nad wyrównaniem w pionie.
Z jak najbardziej jasnych. Historycznych. HTML nie został wymyślony na
potrzeby sklepów ani zajefajnistych prezentacji, tylko dla wygodnego
tworzenia dokumentów z aktywnymi odsyłaczami do innych publikacji.
Dokumenty takie składają się w większości z akapitów, podpunktów i
podobnych elementów ułożonych w porządku "z góry na dół".
Można się najwyżej zastanawiać, dlaczego później, kiedy CSS zaczął być
wreszcie sensownie wspierany, nie poszerzono specyfikacji.
> A to samo lecz w pionie nie zadziała:
> <div style="height: 200px">
> <p style="margin-top:auto; margin-bottom:auto">pięknie zignorowane
> centrowanie w pionie</p>
> </div>
Zajrzyj do specyfikacji np. pod margin (punkt 8.3) i zobacz opis dla
wartości procentowych. Też się można zastanawiać, dlaczego tak
ustalono. Czasem aż się prosi o komentarz z uzasadnieniem...
> >> No chwila - a jakim elementem jest tekst wewnątrz komórki tabeli? Czy mylę
> >> się nazywając go "żadnym"? Mimo to pozwala się centrować.
> > Nie mylisz się. Pozwala się centrować, dopóki nie zapytamy o dokładną
> > definicję owego centrowania.
> Chyba musisz rozwinąć myśl.
To raczej Ty powinieneś cofnąć się w górę wątku. Tylko co pytałem,
gdzie są granice anonimowej zawartości. Nie umiałeś odpowiedzieć, a
bez ich określenia nie można mówić o dokładnym centrowaniu.
> Czy nie możemy zastosować definicji centrowania
> z CSS dla text-align:center lecz przeniesionej na pion?
Nie możemy. Ale jeśli uważasz inaczej, to proszę bardzo, podaj
dokładną definicję.
> I o to mi chodziło właśnie.Skoro już ciągniemy tą kwestię to wygląda to
> tak, że jeśli tekst nie jest oblany blokiem to tworzy się wokół niego blok
> anonimowy, który następnie podlega centrowaniy pionowemu względem
> nadrzędnego table-cell. Tzn środki obu elementów pokrywają się.
Jak wyżej: podaj dokładnie, gdzie są granice owego anonimowego bloku.
Wtedy będzie wiadomo, gdzie jest jego środek.
> Tak, dokładnie mi to wystarczyłoby ... gdyby było wykonalne dla innych
> elementów niż table-cell. Element typu table-cell wnosi dodatkową
> funkcjonalność, która mi przeszkadza w pewnej realizacji: mianowicie każdy
> z tych elementów łączy się w wiersz. Dlatego szukam/szukałem elementy,
> który łączyłby się w kolumnę (czyli zwykły blok) i podobnie jak table-cell,
> pozwalał na pionowe centrowanie.
Nie wiem, czy to "height:100%" jest potrzebne, wymyślam na bieżąco:
<ul style="display:table;width:10em;">
<li style="display:table-row; height:4em;"><div style="display:table-
cell; height:100%">
<li ...
HARY
Następne wpisy z tego wątku
- 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
- 30.12.11 23:27 Marek
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-12-19 Kamerka sam. na tył
- 2024-12-20 Jak być bezpiecznym z Li-Ion?
- 2024-12-19 Fujitsu LIFEBOOK E746
- 2024-12-19 Katowice => Administrator IT - Systemy Operacyjne i Wirtualizacja <=
- 2024-12-19 Warszawa => Junior Account Manager <=
- 2024-12-19 Katowice => Administrator IT - Operating Systems and Virtualization <=
- 2024-12-19 Warszawa => Developer .NET (mid) <=
- 2024-12-19 Wrocław => Business Development Manager - Network and Network Securit
- 2024-12-19 Katowice => Full Stack web developer (obszar .Net Core, Angular6+) <=
- 2024-12-19 Olsztyn => Sales Specialist <=
- 2024-12-19 Żerniki => Specjalista ds. Employer Brandingu <=
- 2024-12-19 policja pomaga
- 2024-12-19 Kolejny biegły
- 2024-12-19 Taka ciekawostka skrzyżowaniowa
- 2024-12-19 koniki obsiadły kolejki i numerki