Rahmen von Listenelementen überlappen lassen

[Klaus]

Hey, bei Tabllen gibt's das schöne border-colapse:colapse
Leider scheint das bei <li>-Elementen nicht zu funktionieren. Wie kann ich erreichen, dass sich die Ränder meiner horizontalen Liste überlagern, und ich den Code schön kurz halten kann:
Hier meine aktuelle (unschöne) Lösung:

ul#Navigation {  
	width:957px;  
	margin-left:auto;  
	margin-right:auto;  
	margin-top:0px;  
	padding:0px;  
	text-align:center;  
	background-color: #828fc6;  
	list-style: none;  
}  
ul#Navigation li {  
	float:left;  
    border: solid #FFF;  
}  
ul#Navigation li.zelle1 {  
    width:227px;  
	border-width: 2px 1px 2px 2px;  
}  
ul#Navigation li.zelle2 {  
    width:240px;  
	border-width: 2px 1px 2px 1px;  
}  
ul#Navigation li.zelle3 {  
    width:240px;  
	border-width: 2px 2px 2px 1px;  
}

Man sieht, dass ich insgesamt drei verschiedene Rahmen definieren musste.
Viele Grüße
Klaus

[ChrisB]

Hi,

Hey, bei Tabllen gibt's das schöne border-colapse:colapse
Leider scheint das bei <li>-Elementen nicht zu funktionieren. Wie kann ich erreichen, dass sich die Ränder meiner horizontalen Liste überlagern

Entweder lässt du die beteiligten Elemente mit den entsprechenden display-Eigenschaften wie Tabellenelemente darstellen, so dass du auch border-collapse auf sie anwenden kannst;
oder du sorgst einfach dafür, dass die Elemente selbst sich überlappen, per negativem margin.

MfG ChrisB

[Klaus]

Danke für die schnelle Antwort. Was würdest Du machen und bekomme ich bei display... bzw. bei negativem margin nicht probleme in manchen browsern?
Viele Grüße
Klaus

[ChrisB]

Hi,

Was würdest Du machen

Das:

und bekomme ich bei display... bzw. bei negativem margin nicht probleme in manchen browsern?

erst mal ausprobieren und mich ggf. zusätzlich informieren, bevor ich frage.

MfG ChrisB

[Klaus]

Wie ich solche antworten liebe... spar sie dir doch einfach.

[Gunnar Bittersmann]

@@Klaus:

nuqneH

Wie ich solche antworten liebe... spar sie dir doch einfach.

Zu faul, selber in Browsern zu testen, und dann auch noch die große Klappe?

Beiß nur weiter in die Hand, die dich füttert …

Qapla'