selectfelder mit zusätzlichem Rahmen versehen

[Detlef G.]

Hallo Enrico

Nun habe ich aber festgestellt, dass mir der umgebende Rahmen nur links, oben und rechts vom
selectfeld angezeigt wird, nicht aber unten.

Warum ist das so?

Bei Inlineelementen ergibt ein border oft nicht das erwartete und auch ein browserabhängiges Ergebnis, besonders wenn diese umbrochen werden oder nicht nur reinen Fließtext enthalten sondern Elemente wie z.B.<img> oder <select>.

Um einen geschlossenen sichtbaren Rahmen zu erhalten, musst du das <span> zu einem Block machen. Wie du bereits getestet hast, funktioniert es ja mit einem <div>.
Außerdem musst du dafür sorgen, dass dieser Block nur so breit wie sein Inhalt ist, dies kannst du durch float erreichen.
Wenn du dem umschließenden Element float:left zuweist, erhältst du (im zugeklappten Zustand) einen geschlossenen Rahmen, genau um den Inhalt, egal ob dieses Element ursprünglich ein Inline- oder Blockelement ist.

Ein Rahmen auch um das ausgeklappte <select> herum dürfte mit vertretbarem Aufwand kaum möglich sein.

Auf Wiederlesen
Detlef