ein span schwebte direkt innerhalb eines div - warum eine neue Zeile im IE?
Habe ich 1 span in einem div-container. Ich will, dass die Spannweite nach rechts gefloatet. Die Inhalte in den div-und das span-sollte in einer Zeile.
In Firefox, das ist, wie es zeigt.
Aber im IE, der span wird auf einer neuen Zeile:
http://i48.tinypic.com/etzg5f.png
Warum der Browser den Inhalt anders?
- Kannst du die HTML & CSS-code, den Sie verwendet, um dies zu erstellen?
- Konnte es nicht, denn ich bin nagelneu. Ich werde versuchen, hier in einem Kommentar: HTML: <div class="catalogSelection" id="top"> Wählen Sie Katalog <!--- RSS - - - - > <span id="rss"> Abonnieren <cfoutput> <img src="images/rss.jpg" /> <a href="exportRSSFeed.cfm?feed=#URL.feed##flagNoHeaderValue#">#currentCatalog#</a> <cfif url.feed neq-app.SearchALL> <img src="images/rss.jpg" /> <a href="exportRSSFeed.cfm?feed=#app.SearchALL#">videos</a> </cfif> </cfoutput> </span> </div> CSS: .catalogSelection#top #rss - { float: right; }
- Sie benötigen, um Ihre float:right Elemente vor einem nicht-gefloateten Elemente.
- Vielen Dank Kevin, das war der trick.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sollten Sie Schwimmer der anderen Inhalte auf der linken Seite. So haben zwei Schwimmern; Links und rechts.
Ein anderer Ansatz könnte sein, mit position absolute, auf die Spannweite, andposition relativ auf den Sie umgebenden div. Dann könnte man die Positionen (oben, Links, rechts und unten) und die position der Elemente, wie Sie sollten!
Du könntest wahrscheinlich Weg mit Angabe der Breite auf Ihre
.catalogSelection#top #rss
style-definition. Beim festlegen der element zu schweben, er hält es für ein block-level-element, und da Ihr der vorhandene text ist nicht geschwommen, es auf die nächste Zeile umbricht. Entweder das, oder Sie müssen schweben IhrChoose Catalog
text auf der linken Seite als auch. Oder wie Kevin vorgeschlagen, Sie können einfach Ihre Gefloateten Elemente auf der linken Seite der nicht-schwebte, aber dies kann ein Problem sein, wenn es um die Bildschirm-Leser, wie er liest, von Links nach rechts in Ihren code ein, und ist nicht semantisch korrekt.