Re: HTML - funkcjonalność znaczników... - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › HTML - funkcjonalność znaczników... › Re: HTML - funkcjonalność znaczników...

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: HTML - funkcjonalność znaczników...
Date: Sun, 8 Jan 2012 13:57:53 +0100
Organization: ICM, Uniwersytet Warszawski
Lines: 50
Message-ID: <1dobhna57kg3x.1wh6tj4r0plet$.dlg@40tude.net>
References: <1...@4...net>
<o...@a...local>
<6fiuqroyami5$.1t4bmztj83ie9.dlg@40tude.net>
<o...@a...local>
<zjinf0ixtm0t$.1jn52xhqq2zex$.dlg@40tude.net>
<o...@a...local>
<uu87t6iv4xl6$.f5jxs59ye3n.dlg@40tude.net>
<o...@a...local>
<x...@4...net>
<1...@t...slimaczek.pl>
<13psg07r4xfue$.2ehltp57jwf8.dlg@40tude.net>
NNTP-Posting-Host: 89-69-248-151.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit
X-Trace: news.icm.edu.pl 1326027488 27887 89.69.248.151 (8 Jan 2012 12:58:08 GMT)
X-Complaints-To: u...@n...icm.edu.pl
NNTP-Posting-Date: Sun, 8 Jan 2012 12:58:08 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.41pl
Xref: news-archive.icm.edu.pl pl.comp.www:400128
[ ukryj nagłówki ]
Dnia Sun, 8 Jan 2012 13:34:05 +0100, Marek napisał(a):

>> overflow: hidden dla kontenera który zawiera to h1
>
> Czyli wtedy:
>
> 1. Margines powędruje nad znacznik H1 ale nie nad kontener go zawierający.
> Tak? Czyli wtedy powstanie dziura nad znacznikiem H1 gdyż opuści się on o
> wartość marginesu.

Sprostowanie: bzdury piszę w tym punkcie bo już zakręcony tym tematem
jestem :-)))

Chodzi o sytuację jak niżej, w której wycieka górny i dolny margines poza
kontener.

<!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;
}
h1 {
margin-top:20px;
margin-bottom: 10px;
}
p {
margin-top: 50px;
margin-bottom: 10px;
}
</style>
</head>

<body>
<div style="background-color:#CC0000">ten DIV jest odsunięty od następnego
gdyż 'babelkował' poza granice następnego elementu górny margines H1</div>
<div style="background-color:#009900">
<h1>to jest tytuł</h1>
<p>to jest P</p>
</div>
<div style="background-color:#CC0000">ten DIV jest odsunięty od
poprzedniego gdyż wyciekł poza granice poprzedniego dolny margines P</div>
</body>
</html>

Punkty 2 i 3 są prawdziwe.