Re: HR i CSS3 - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › HR i CSS3 › Re: HR i CSS3

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: HR i CSS3
Date: Tue, 7 Feb 2012 19:37:45 +0100
Organization: ICM, Uniwersytet Warszawski
Lines: 85
Message-ID: <1nay1usp33rtq.1odnrgn29sm3p$.dlg@40tude.net>
References: <1...@4...net>
<jgon9f$90b$1@inews.gazeta.pl>
<twufaiyyednc.15rjtk7jr2fzz$.dlg@40tude.net>
<jgphll$46$1@inews.gazeta.pl>
NNTP-Posting-Host: 89-77-9-206.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit
X-Trace: news.icm.edu.pl 1328639868 21578 89.77.9.206 (7 Feb 2012 18:37:48 GMT)
X-Complaints-To: u...@n...icm.edu.pl
NNTP-Posting-Date: Tue, 7 Feb 2012 18:37:48 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.41pl
Xref: news-archive.icm.edu.pl pl.comp.www:400443
[ ukryj nagłówki ]
Dnia Mon, 06 Feb 2012 22:45:22 +0100, NotBear napisał(a):

> W dniu 2012-02-06 18:19, Marek pisze:
>> Konsekwentny? :-) Tam nie mówiliśmy o HR lecz o P, Hx, DIV. To po pierwsze.
>
> Wymieniales jeszcze UL oraz "itp". HR nature ma blokowa, wiec dlaczego
> go nie wlaczyc do grona "itepow"? :-)

Dlatego ponieważ HR służy do rozdzielania graficznego elementów treści. Co
mi z elementu, w którym nie da się ustawić obu odległości (od góry i od
dołu)? Swoją drogą dobry argument do porzedniego wątku pokazujący
absurdalnośc mechanizmu collapsingu. Marginesy są po to aby mieć możliwość
ich użycia, a tu idą one w rozwalenie layoutu i to w zupełnie innym miejscu
strony.
>
>> A po drugie jak zapewnić w takim przypadku odstęp od góry? Chyba raczej się
>> nie da...
>
> Proponowales, cytuje: "generalna zasada: zerujemy górne marginesy
> elementp P, Hx, UL itp i ustawiamy dolne. Wszystko będzie wyglądać jak
> należy."

Heh.. owszem i generalnie tak to czynię. No ale co to za argument? Czego ma
dowodzić? Tego, że jest jakiś element, dla którego powyższa łata nie działa
(bo potrzebujemy górnego marginesu)? No jest, i próbuję coś z tym zrobić
:-)

Collapsing znów atakuje a ja próbuję się bronić szukając kolejnej łaty -
specjalnej dla HRów.

> Ja proponuje szybko zapomniec o tej "zasadzie", zaufac collapsingowi i
> cieszyc sie spelniajacym Twoje wymagania HRem w postaci jaka
> przytoczyles - z oboma marginesami.

Nie da rady - w tym sęk. Podawałem nawet przykład tego w poprzednim wątku.
Collapsing przenika przez elementy po to aby wypłynąć w "przypadkowym"
miejscu layoutu. Nagle ni z gruszki ni z pietruszki dostajesz odstęp miedzy
elementami, które nigdy go wcześniej nie miały zanim ktoś gdzieś dalej w
kodzie zastosował HR. Powtórzę ten przypadek poniżej.

>>> Lepsze rozwiazanie mozna zaproponowac widzac caly kod, teraz to wrozenie
>>> z fusow.
>> Tylko co masz na myśli? Każdą możliwą kombinację elementów z HR ?
>
> Nie. Wystarczy ta, ktora spowodowala, ze rozjechal Ci sie layout. Ale
> wraz ze wspomnianym layoutem. Wtedy bedzie mozna wykombinowac niepsujace
> rozwiazanie.

Ok, oto obiecany wcześniej przypadek (w uproszczeniu). W praktyce ten HR
może wystąpić w różnych miejscach layoutu. Sam layout zawiera więcej
podobnych sekcji. Mało tego - mogą powstać nowe i w założeniu HR w nich nie
ma dokonywać destrukcji. Jak tego dokonać inaczej niż Cezary radził? Nie
wiem.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body {
margin: 0;
padding: 0;
}
hr {
margin-top: 50px;
}
</style>
</head>

<body>
<div style="background-color:#F00">ten DIV jest odsunięty od następnego
gdyż 'bąbelkował' górny margines HR</div>
<div style="background-color:#009900">
<hr>
bla bla bla
</div>
</body>
</html>

Załózmy, że DIVy są elementami layoutu. Usuń HR a DIVy zaczną ładnie
przylegać. Pewnie zaproponujesz rozwiązanie aby w drugim DIVie ustawić
padding górny na 1 px i przesunąc DIVa o 1px po to aby zniwelować ten
niepotrzebny padding. Zapomnijmy o takim rozwiązaniu - jest chore. Powstaną
tylko kolejne problemy.