zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Warum fängt Hintergrundbild immer links an, auch bei float:

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.12.2004, 15:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.12.2004
Beiträge: 2
severus befindet sich auf einem aufstrebenden Ast
Standard 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!
Angehängte Grafiken
Dateityp: gif cssproblem.gif (8,7 KB, 134x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.12.2004, 16:59
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.039
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.12.2004, 17:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.12.2004
Beiträge: 2
severus befindet sich auf einem aufstrebenden Ast
Standard 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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit CSS Menü FuFi CSS 1 05.01.2015 15:46
CSS - CMS - lange Menus Balken/BG oben? shinobi CSS 3 13.10.2011 21:12
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:00 Uhr.