|
|||
Warum fängt Hintergrundbild immer links an, auch bei float:
Problemstellung: Ich habe ein "BILD-DIV", welches von einem "TEXT-DIV" umflossen wird. Innerhalb diese "TEXT-DIV" will ich ein "ANHANG-DIV" anzeigen, das ein Hintergrundbild und einen Rahmen hat.
Der Text im "TEXT-DIV" umfließt das "BILD-DIV" einwandfrei. Das Problem tritt auf wenn der Text kürzer ist als das Bild hoch. Das Hintergrundbild (und auch der Rahmen) des "ANHANG-DIV" fangen am linken Rand an. Das bedeutet das das Hintergrundbild nicht sichbar ist. <div id="BILD-DIV" style="float:left;">BILD</div> <div id="TEXT-DIV">TEXT <div id="ANGANG-DIV">mit Hintregrund</div> </div> Im IE funktioniert es im Firefox nicht! |
Sponsored Links |
|
|||
Ich verstehs nicht so ganz:
Ich ahne dein Problem aber deine Beschreibung ist ähm, ein wenig mehrdeutig. Aus deinem Code versuche ich mal zu raten: Du willst, dass Text dein Bild umfliesst, bei längerem text soll dieser unterhalb des Bildes weitermachen. Das erreichst Du (vielleicht unbewußt) , indem du text-div kein margin-left mitgibst. So geht es auch. Sauberer und semantisch korrekter ist es aber, anstelle eines unbestimmten Divs ein Tag zu verwenden, schließlich hast Du Text darin. Jetzt willst Du noch eine Anfahrtsbeschreibung und eine Landkarte verlinken. Die soll möglichst auch dann noch sichtbar sein, wenn der Text weniger Platz braucht als das Bild hoch ist. Weil du aber kein margin-left definiert hast, rutscht das unter das Bild. Klar. Du kannst eine Verbesserung erreichen, indem du deinem Background eine background-position: top right; zuweist, dann richtet sich der Background nach rechts aus (aber klickbar ist das erstmal nicht) Überdenke nochmal deinen code. Ideal erscheint er mir nicht. Vielleicht fährst Du besser, wenn Du ein neues div nachfolgend dem Text-div machst und nicht innerhalb und dem erst einmal ein clear mitgibst, dann ist dein Anhang in jedem Fall sichtbar, nämlich frühestens unter dem Bild. grüsse andir
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
detailierter Problembeschreibung
Das "Auto" und die "Fahne" sind Links (als Grafik) innerhalb des "ANHANG-DIV", der Verlauf ist der Hintergrund und die Linie der Rahmen des "ANHANG-DIV".
Im IE umfließt wahrscheinlich der gesamte "ANHANG-DIV" das "BILD-DIV", während im FF anscheinend nur der Inhlat des "ANHANG-DIV" den Inhalte des "BILD-DIV" umfließt". Der Verlauf des Hintergrundes liegt im FF genau hinter dem Bild! Vorhanden ist er, nur eben dahinter. |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS - CMS - lange Menus Balken/BG oben? | shinobi | CSS | 3 | 13.10.2011 21:12 |
Webseite für Smartphones Optimieren | Cybertronic | CSS | 8 | 18.08.2011 09:16 |
Float: eine Box links, zwei Boxen rechts | thomas78 | CSS | 0 | 23.12.2009 22:08 |
Holy Grail und der Internet Explorer! | ONeill | CSS | 23 | 01.06.2006 18:20 |
Probleme mit 3 spalten | luk | CSS | 3 | 08.06.2005 14:39 |