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: Wed, 8 Feb 2012 00:31:30 +0100
Organization: ICM, Uniwersytet Warszawski
Lines: 50
Message-ID: <1pkz2ku3b95dc.1if6wt9g8673t$.dlg@40tude.net>
References: <1...@4...net>
<jgon9f$90b$1@inews.gazeta.pl>
<twufaiyyednc.15rjtk7jr2fzz$.dlg@40tude.net>
<jgphll$46$1@inews.gazeta.pl>
<1nay1usp33rtq.1odnrgn29sm3p$.dlg@40tude.net>
<jgs9ft$ls4$1@mx1.internetia.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 1328657494 31020 89.77.9.206 (7 Feb 2012 23:31:34 GMT)
X-Complaints-To: u...@n...icm.edu.pl
NNTP-Posting-Date: Tue, 7 Feb 2012 23:31:34 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.41pl
Xref: news-archive.icm.edu.pl pl.comp.www:400448
[ ukryj nagłówki ]
Dnia Tue, 07 Feb 2012 23:44:03 +0100, Artur Muszyński napisał(a):

> W dniu 2012-02-07 19:37, Marek pisze:
>> <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>
>
> Też masz się czym stresować.
>
>> <div style="background-color:#009900">
>
> <div style="background-color:#009900;overflow:auto">
>
> U mnie (Fx) działa :-)
>
> artur
>
>> <hr>
>> bla bla bla
>> </div>
>> </body>
>> </html>

Taaa.. sęk w tym, ze zastosowanie jest mocno ograniczone - powstają kolejne
problemy. Oto przykład.

<div style="background-color:#009900; overflow:auto; position:relative">
<hr>
bla bla bla
<div style="background-color:#009999; position: absolute; bottom:-100px;
left:0; width: 100px; height:30px">aaa</div>
</div>

W Divie z overflow:auto powstaną paski przewijania. Szkoda, że nie działa
overflow:visible. To rozwiązałoby problem. Często, a nawet zazwyczaj
stosuję pozycjonowanie absolutne wewnątrz. :-(