2010-01-07 4 views
10

Ich habe 1 Spanne innerhalb eines Containers div. Ich möchte, dass die Spannweite nach rechts schwebt. Der Inhalt innerhalb des Bereichs und der Bereich sollte in einer Zeile sein.eine Spannweite schwebte direkt in einem Div - warum eine neue Zeile in IE?

In Firefox, so wird es angezeigt.

http://i48.tinypic.com/etzg5f.png

Warum der Browser unterschiedlich angezeigt werden, den Inhalt:

Aber in IE ist die Spanne auf eine neue Zeile angezeigt?

+2

Können Sie den HTML & CSS Code posten, den Sie für die Erstellung verwendet haben? –

+0

Konnte es nicht tun, weil ich brandneu bin. Ich werde hier in einem Kommentar versuchen: HTML:

\t \t \t Choose Catalog \t \t \t \t \t \t \t \t \t \t \t \t \t Subscribe to \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t #currentCatalog# \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t All videos \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t
\t CSS: .catalogSelection # top #rss { \t float: right; } – Anthony

+3

Sie müssen Ihre float: richtige Elemente vor nicht-floated Elemente. –

Antwort

25

Sie sollten den anderen Inhalt nach links schweben lassen. So haben zwei Schwimmer; links und rechts.

Ein anderer Ansatz könnte Position absolute auf der Spannweite und relative Position auf der umgebenden div verwenden. Dann könnten Sie die Positionen (oben, links, rechts und unten) setzen und die Elemente so positionieren, wie Sie sollten!

+2

Ich wünschte, ich könnte dich 100 Mal aufrüsten. Ihre Antwort beendete gerade eine 2-stündige Suche nach der Lösung für eine der "Exzentrizitäten" des IE6. Vielen Dank! – Henrik

+0

Firefox ist auch dafür bekannt, dieses Problem zu haben. Sie müssen immer etwas nach links schweben, bevor Sie die Spanne nach rechts schweben lassen. – Alucard

0

Sie könnten wahrscheinlich mit der Angabe einer Breite auf Ihre .catalogSelection#top #rss Stildefinition kommen. Wenn Sie das Element als float-Element festlegen, wird es als Element auf Blockebene betrachtet. Da der vorhandene Text nicht floated ist, wird es in die nächste Zeile umgebrochen. Entweder das, oder Sie müssen Ihren Choose Catalog Text auch nach links schweben lassen. Oder wie Kevin vorgeschlagen hat, können Sie Ihre Floated-Elemente einfach links vom Nicht-Floating-Element platzieren, aber dies kann ein Problem darstellen, wenn Screenreader in Ihrem Code von links nach rechts gelesen werden und nicht semantisch korrekt sind.

+0

Eine weitere Spanne für den Choose Catalog-Text wurde erstellt und nach links verschoben. Vielen Dank! – Anthony

Verwandte Themen