Scriptly evtl Bug beim Bilder einfügen

    Hallo,


    ich habe das Problem, dass ich ein Bild einfügen will und es sich woanders hinsetzt wo es soll.
    Was muss ich da genau anklicken, damit es sich da hinsetzt wo es soll?


    Im Quelltext ist es im ersten Absatz zu finden.
    Im Firefox ist es mehrere Absätze später unten zu sehen.
    Im IE macht er mir oben einen langen freien Bereich.
    Dann sitzt das Bild da wo es hinsoll, aber halt etliche Reihen sind darüber frei ohne Text.



    Wäre schön, wenn mir da jemand helfen könnte.


    Danke
    Andrea

    Die Browser die das interpretieren müssen tuen mir Leid :S
    Ich meine.. du sagst dem Bild, dass es Rechts floaten soll, also das jeder andere Inhalt sich Links daneben ansammeln soll.
    Gleichzeitigst Clearst du aber alles womit du die Anweisung gibst, dass Inhalte erst unterhalb dieses Elementes beginnen sollen und sich nicht daneben legen sollen.
    Zudem hat dann sowohl der Absatz als auch das Bild einen Aussenabstand, durch den die Elemente sich weit runter drücken. Das ist dann auch schon die komplette Erklärung gewesen.
    (Ich würde ja gerne wissen, ob die anderen Elemente noch Style-Eigenschaft wie floats oder clears bekommen haben..)


    Lösung: Hör auf mit dem Clearen an dieser Stelle.
    Clear nur da, wo der weitere Inhalt umbedingt sich erst unter dem Element befinden soll, z.B. schönes Beispiel: Footer.

    Ich habe es jetzt ohne clearen gemacht.
    Im IE passt es, aber im Firefox (aktuell) ist es eine Section niedriger drin.
    Genau 3 Absätze in der 2. Bereich.
    Im Quelltext ist es da wo es hinsoll.
    Der Quelltext ist valide, habe es getestet.


    Es ist ein 3-Spalten-Layout und das Bild ist im mittleren Bereich.

    Guck es Dir bitte im IE an und im Quelltext.
    Es soll einen Bereich höher sein.
    Der IE sieht es und macht das. Das ist ja mein Problem im Firefox.


    Ich bekomme es nicht gelöst.
    Selbst wenn ich alles in einen Bereich packe (also die Section in eine große verwandele) liegt es im falschen Bereich.


    Hilf mit bitte auf die Sprünge. Ich verstehe es nicht.

    Das kann ich mir auch nicht erklären, was auf jedenfall hilft ist ein overflow: hidden bei der section, die das bild beinhaltet.
    Damit wird jeglicher Inhalt, der größer als die section ist, in der section abgeschnitten, so dass das Bild "hineinegepresst" wird.


    Das ist aber auch nicht die beste Lösung.

    Wird eine Section denn nicht automatisch größer wenn mehr Inhalt da ist?
    Die untere Section ist größer vom Inhalt und auch größer in den Ausmaßen.
    Da wird nichts abgeschnitten.


    Kann man da was mit CSS machen? Eine Größe vorschreiben? Und wenn ja - wie?
    Der IE macht es richtig.


    Ich habe mal spaßeshalber den rechten Randbereich weggenommen (auskommentiert) bei mir auf dem Rechner.
    Es ändert sich nichts.

    Ich kann es mir auch nicht erklären.. nimmt man aber das clear: right; von dem aside rechts vom ersten Absatz, dann stimmt es (aber es verschiebt sich der rechte kram).
    Also scheinbar ist da etwas nicht sauber gecleart oder so =/

    Wo muss ich denn da clearen?
    Der Quelltext ist valide. Also muss es am CSS liegen - und da bin ich Anfänger.
    Woran könnte es denn da liegen?


    Muss man am Ende der Spalten clearen?
    Und wenn ja - wo?

    So.. gerade gesehen, dass du einmal nach Links und einmal nach Rechts floatest.
    Ich rate von sowas immer ab, weil es meistens Probleme bereitet :/


    Ich würde 3 Spalten erzeugen und diese alle Links floaten lassen.
    In Spalte 1 kommt dann die Seitliche Navigation, in Spalte 2 der Content und in Spalte 3 die Sidebar.
    So hat man viel mehr Controlle über seine Boxen^^

    Ich habe nach der Methode gearbeitet, die Axel Pratzner empfiehlt.
    D.h. ich habe die DVDs nachgearbeitet mit meinem Projekt.
    Was ist daran falsch?


    Und wie geht es anders?


    Kann man das clearen, so dass es die Probleme nicht gibt und wo macht man es dann?

    Ich bin Anfänger, sprich doch bitte deutlicher.
    Ich lerne es zuhause, ich gehe in keine Uni und habe auch keinen Lehrer.


    Floaten heißt, dass es fließt.
    Clearen bedeutet, dass es danach nicht mehr fließt.


    Aber wo muss ich clearen?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden