W dniu 2011-09-13 20:21, ramblinman pisze:
> Jeśli chcesz, żeby działało też w IE 7 i 6, to możesz pewnie zawinąć
> część treści w dodatkowego diva:
>
> <div id="contents" style="position:relative">
> <div class="col1" style="position:absolute; top:-3.14px">
> <div class="thumbnail"></div>
> </div>
> <div style="overflow:hidden">
> <div class="col2"></div>
> <div class="col3"></div>
> </div>
> </div>

Ale to w zasadzie wychodzi na jedno z dodaniem <div
style="clear:both"></div>. Więc nieważne :)

do góry

W dniu 13-09-2011 18:15, Marek pisze:
> Dnia Tue, 13 Sep 2011 16:15:01 +0200, Peter May napisał(a):
>
>> W dniu 13-09-2011 10:46, Marek pisze:
>>> Witam,
>>>
>>> Mamy sobie kod:
>>>
>>> <div id="contents">
>>> <div class="col1">
>>> <div class="thumbnail"></div>
>>> </div>
>>> <div class="col2"></div>
>>> <div class="col3"></div>
>>> </div>
>>
>> #contents:after{
>> content:".";
>> display:block;
>> height:0;
>> clear:both;
>> visibility:hidden;
>> }
>
> Sprytne! :-) Standardowe pytanie: jak to działa pod IE8, IE9, FF6 i Operą
> 11 ? Masz doświadczenia?

Generalnie to tzw. clearfix jest nieco szerszy (czyt. dla IE).

http://www.positioniseverything.net/easyclearing.htm
l

--
Peter

do góry

Dnia Tue, 13 Sep 2011 20:21:50 +0200, ramblinman napisał(a):

> W dniu 2011-09-13 18:15, Marek pisze:
>>> #contents:after{
>>> content:".";
>>> display:block;
>>> height:0;
>>> clear:both;
>>> visibility:hidden;
>>> }
>>
>> Sprytne! :-) Standardowe pytanie: jak to działa pod IE8, IE9, FF6 i Operą
>> 11 ? Masz doświadczenia?
>
> O normalne przeglądarki raczej się nie martw, ta strona:
>
> http://www.quirksmode.org/css/contents.html
>
> mówi, że w IE :after działa od wersji 8.
>
> Zresztą możesz poeksperymentować i zobaczyć jak to działa.
>
> Jeśli chcesz, żeby działało też w IE 7 i 6, to możesz pewnie zawinąć
> część treści w dodatkowego diva:

Dzięki. Mi wystarczy kompatybilność z IE8. Jeśli ktoś używa archaicznych
przeglądarek to jego wybór i problem. :-)

do góry

> Generalnie to tzw. clearfix jest nieco szerszy (czyt. dla IE).
>
> http://www.positioniseverything.net/easyclearing.htm
l

Dzięki za pomoc :-)

do góry

On Tue, 13 Sep 2011 18:15:18 +0200, Marek wrote:
> Sprytne! :-) Standardowe pytanie: jak to działa pod IE8, IE9, FF6 i
> Operą 11 ? Masz doświadczenia?

przy takich pytaniach polecam strone caniuse :)

http://caniuse.com/#search=generated content



--
pozdrawiam, Konrad Karpieszuk

do góry

W dniu 2011-09-13 20:06, Marek pisze:
> Dnia Tue, 13 Sep 2011 19:13:10 +0200, Paweł Piskorz napisał(a):
>
>> W dniu 2011-09-13 10:46, Marek pisze:
>>> W związku z tym jak spowodować to zamknięcie floatów
>>> aby nie zaszkodzić klasie "thumbnail"?
>>
>> #contents::after {
>> content:"";
>> display:block;
>> height:1px;
>> clear:both;
>> }
>
> A czemu teraz dałeś 1px?

height:0; podawał Peter, nie ja.

> Czy poprzednie 0px wnosiło coś niewłaściwego w zadziałaniu stylu?

Jakieś przyzwyczajenie, chyba kiedyś przeglądarki nie tworzyły elementu
z height:0 albo coś, nie pamiętam.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

W dniu 2011-09-13 20:21, ramblinman pisze:
> O normalne przeglądarki raczej się nie martw, ta strona:
>
> http://www.quirksmode.org/css/contents.html
>
> mówi, że w IE :after działa od wersji 8.
>
> Zresztą możesz poeksperymentować i zobaczyć jak to działa.
>
> Jeśli chcesz, żeby działało też w IE 7 i 6, to możesz pewnie zawinąć
> część treści w dodatkowego diva:

Dla IE6/7 wystarczy nadać width/height dla rodzica, lub po prostu zoom:1;


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Dzięki! Bardzo przydatny link.

do góry

Dnia Wed, 14 Sep 2011 19:10:06 +0200, Paweł Piskorz napisał(a):

>>
>> A czemu teraz dałeś 1px?
>
> height:0; podawał Peter, nie ja.

Oj, przepraszam :) Zasugerowałem się podobieństwem rozwiązania :-)

> Jakieś przyzwyczajenie, chyba kiedyś przeglądarki nie tworzyły elementu
> z height:0 albo coś, nie pamiętam.

Mi właśnie też coś kojarzy się z tą wielkością zerową. Dlatego spytałem.
Był z nią jakiś kłopot. Prawdopodobnie to już historia.

do góry