Viennamade: borderwith bei floating divs

Beitrag lesen

Hallo Forum!

Wenn ich 5 Kästchen anreihe, also 5 mal:
<div style="float:left;border:1px red solid;width:122px;height:10px;"></div>

Dann sind die zusammenstoßenden Border-Linien "unschön" dick:
 ____  ____  ____  ____  ____
|    ||    ||    ||    ||    |
|____||____||____||____||____|

Wie kann man das verhindern? Also:

____ ____ ____ ____ ____
|    |    |    |    |    |
|____|____|____|____|____|

Nicht gut ist es, die border-right-width der ersten 4 Kästchen auf 0 zu tun, denn wenn sich die Kästchen untereinander anordnen (float:left), dann sind nach rechts hin offene Kästchen die Folge!

Beste Grüße
Viennamade