wrapper, float, text in wrapper

1. IE6 peekaboo!

A float
A float
A float
Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

2. wrapper relative: IE6- disappearing float (incorrect layering.) Border on wrapper makes the problem different

A float
A float
A float
Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

3. wrapper relative, float relative: ~ok

A float
A float
A float
Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

4. wrapper hasLayout: OK

A float
A float
A float
Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

4b. wrapper relative and hasLayout: OK

A float
A float
A float
Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

5. wrapper relative, hasLayout, contains a block containing another (grey) block: IE6- incorrect background

A float
A float
A float
A float
This block has grey background
Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

6 same as 5, the block is relative: IE6- incorrect layering

A float
A float
A float
A float
This div has grey background
Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

7. same as 5, the block hasLayout: ~ok

A float
A float
A float
A float
This div has grey background
Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

Other related tests: floats and relative, IE6-/Win floats, relative, layering problems 1, IE6-/Win floats, relative, layering problems 2.

CSS tests home