2009-01-23 15 views
19

Setup:Die IE Fieldset Hintergrundfarbe Bleed Bug

Ich habe eine HTML-Seite mit einem fieldset Elemente. Die Hintergrundfarbe des Fieldset-Elements unterscheidet sich von dem Hintergrund der Seite. Die Grenze von das Feldset hat eine etwas dunklere Farbe, die den Hintergrund.

Problem:

In Firefox nur den Bereich innerhalb der Grenze hat die angegebenen Hintergrund Farbe. In IE7 fließt die Hintergrundfarbe über den durch die Grenze begrenzten Bereich (nur oben).

Frage:

Was kann ich den Hintergrund des fieldset-Element innerhalb den Bereich begrenzt durch die Grenze auf IE7 bleiben zu machen?

Antwort

16

finden Sie in diesem Artikel, wie Sie dieses Problem zu beheben:

http://www.communitymx.com/content/article.cfm?cid=DD9F3

Zusammengefasst: " Da IE Problem aus der Tatsache zu erweitern scheint, dass die Legende ein Kind des Fieldset ist, Um den Fehler zu beheben, müssen Sie die Legende mit dem Fieldset lösen, damit das (X) HTML gültig bleibt, muss das legende-Element im fieldset-Element verschachtelt bleiben, aber wenn wir es absolut positionieren, wird es das sein aus dem Fluss des Dokuments entfernt und von Elementen außerhalb davon behandelt - einschließlich seiner Eltern - a s wenn es nicht existiert. "

+2

Schön, aber die [Lösung von Jonathan] (http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie-/) ist vielleicht kürzer und synoptischer als der obige Link. – TMS

10

Haben Sie Ihre Ränder und Padding zurückgesetzt?

EDIT:

Eigentlich Matt Heerema hatte offenbar ein ähnliches Problem. Was er successfully fixed.

"Getting Fieldset Backgrounds and Legends to Behave in IE".

+0

Ja, Die Ränder und das Padding wurden eingestellt. –

+0

@Diego, Überprüfen Sie den Link, den ich in meinem EDIT bereitgestellt habe. Ich denke, dass Sie es finden werden, um Ihre Lösung zu sein. – Sampson

+0

+1 für den Schnitt - ich würde eine ähnliche Antwort posten. –

0

Ich habe in das gleiche Problem laufen und eine einfache Lösung war die Fieldset in ein div und stellen Sie die Farbe des Hintergrunds wickeln für diese Einstellung an den fieldset-Tag statt div.