Witam, mam pytanie.
Znalazłem tego cennego hacka, którego podobno używa wielu ekspertów.

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


Teraz pytanie, czy on działa poprawnie na IE6 i IE7 i innych
przeglądarkach ? Chwilowo nie mogę sprawdzić, bo nie posiadam tych
przeglądarek a chciałbym się upewnić.

do góry

hazet wrote:
> Witam, mam pytanie.
> Znalazłem tego cennego hacka, którego podobno używa wielu ekspertów.
> .clearfix:after {
> content: ".";
> display: block;
> height: 0;
> clear: both;
> visibility: hidden;
> }
> .clearfix {display: inline-block;}
> /* Hides from IE-mac \*/
> * html .clearfix {height: 1%;}
> .clearfix {display: block;}
> /* End hide from IE-mac */
> Teraz pytanie, czy on działa poprawnie na IE6 i IE7 i innych
> przeglądarkach ? Chwilowo nie mogę sprawdzić, bo nie posiadam tych
> przeglądarek a chciałbym się upewnić.

http://browsershots.org/ ?

do góry

ant pisze:
> hazet wrote:
>> Witam, mam pytanie.
>> Znalazłem tego cennego hacka, którego podobno używa wielu ekspertów.
>> .clearfix:after {
>> content: ".";
>> display: block;
>> height: 0;
>> clear: both;
>> visibility: hidden;
>> }
>> .clearfix {display: inline-block;}
>> /* Hides from IE-mac \*/
>> * html .clearfix {height: 1%;}
>> .clearfix {display: block;}
>> /* End hide from IE-mac */
>> Teraz pytanie, czy on działa poprawnie na IE6 i IE7 i innych
>> przeglądarkach ? Chwilowo nie mogę sprawdzić, bo nie posiadam tych
>> przeglądarek a chciałbym się upewnić.
>
> http://browsershots.org/ ?

niestety moja witryna nie znajduje się jeszcze na serwerze

do góry

On Fri, 27 Feb 2009 09:30:34 -0000, hazet <h...@n...pl> wrote:

> Teraz pytanie, czy on działa poprawnie na IE6 i IE7 i innych
> przeglądarkach ? Chwilowo nie mogę sprawdzić, bo nie posiadam tych
> przeglądarek a chciałbym się upewnić.

Powinien działać, ale IMHO to jest kolosalna kombinacja zupełnie bez potrzeby. Połowa
tego kodu jest pod IE5/Mac, którego już absolutnie nikt normalny nie używa.

IMHO najlepszy jest overflow (i to zgodnie ze standardem):

.clearfix {overflow:hidden}

tadaaaam!

--
http://pornel.net
this.author = new Geek("porneL");

do góry

porneL pisze:
> On Fri, 27 Feb 2009 09:30:34 -0000, hazet <h...@n...pl> wrote:
>
>> Teraz pytanie, czy on działa poprawnie na IE6 i IE7 i innych
>> przeglądarkach ? Chwilowo nie mogę sprawdzić, bo nie posiadam tych
>> przeglądarek a chciałbym się upewnić.
>
> Powinien działać, ale IMHO to jest kolosalna kombinacja zupełnie bez
> potrzeby. Połowa tego kodu jest pod IE5/Mac, którego już absolutnie nikt
> normalny nie używa.
>
> IMHO najlepszy jest overflow (i to zgodnie ze standardem):
>
> .clearfix {overflow:hidden}
>
> tadaaaam!
>

Czyli bez supportu dla IE 5.5 będzie wyglądać tak :

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

?

Z tym clearfix, masz na myśli aby dodać do rodzica tą klasę ? Ale żeby w
IE6 działało, trza dodać jeszcze height: 100% .
A powyższy sposób może się przyda, np. jeżeli element ma wychodzić z
rodzica, to overflow mu to uniemożliwi :D

do góry

hazet pisze:
> Czyli bez supportu dla IE 5.5 będzie wyglądać tak :
>
> .clearfix:after {
> content: ".";

Nie wiem czemu wszyscy się na tę biedną kropkę uwzięli, content:"";
działa równie dobrze, a i visibility się możesz wówczas pozbyć.

> display: block;
> height: 0;
> clear: both;
> visibility: hidden;
> }
>
> ?
>
> Z tym clearfix, masz na myśli aby dodać do rodzica tą klasę ? Ale żeby w
> IE6 działało, trza dodać jeszcze height: 100% .

Albo width:cokolwiek, albo zoom:1;


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

do góry

Paweł Piskorz pisze:
> hazet pisze:
>> Czyli bez supportu dla IE 5.5 będzie wyglądać tak :
>>
>> .clearfix:after {
>> content: ".";
>
> Nie wiem czemu wszyscy się na tę biedną kropkę uwzięli, content:"";
> działa równie dobrze, a i visibility się możesz wówczas pozbyć.
>
>> display: block;
>> height: 0;
>> clear: both;
>> visibility: hidden;
>> }
>>
>> ?
>>
>> Z tym clearfix, masz na myśli aby dodać do rodzica tą klasę ? Ale żeby w
>> IE6 działało, trza dodać jeszcze height: 100% .
>
> Albo width:cokolwiek, albo zoom:1;
>
>

ale teraz zauważyłem, że ten hack dodaje jakiś odstęp w FF od dolnej
krawędzi rodzica.

Aha i display: inline-block; też jest potrzebne

do góry

On Sat, 28 Feb 2009 12:09:36 -0000, hazet <h...@n...pl> wrote:

> ale teraz zauważyłem, że ten hack dodaje jakiś odstęp w FF od dolnej
> krawędzi rodzica.

Nie powinno, chyba że coś innego w okolicy ma swój margines (który przez clear
przestał się zapadać).

> Aha i display: inline-block; też jest potrzebne

Dla IE5 mac? Inaczej to tylko może zepsuć:


http://www.w3.org/TR/CSS21/visuren.html#flow-control

> clear
> Applies to: *block-level elements*


http://www.w3.org/TR/CSS21/visuren.html#propdef-disp
lay

> inline-block
> This value causes an element to generate a block box, which itself is *flowed as a
single inline box*

--
http://pornel.net
this.author = new Geek("porneL");

do góry