Div mit variierender Breite neben Divs fester Breite

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Div mit variierender Breite neben Divs fester Breite

    Hi, ich hab ein Problem, nämlich habe ich ein Newsscript, dass die Newsinhalte aus einer MySQL Tabelle bezieht.
    Dabei habe ich noch im Body, wo jede einzelne News in einem eigenen Div Container eingeblendet wird, rechts oben einen Div Kasten mit einem Bild.
    Hier ist eine kleine Skizze der Lage:

    [Blockierte Grafik: http://img134.imageshack.us/img134/6005/divcontainerma4.jpg]

    Mein Problem ist, dass der Div Container oben noch in der gestrichelten Linie weiter verläuft, der Text aber an der roten Linie umbricht.
    Ich möchte aber, dass der Div auch an der roten Linie endet, damit ich eine border-bottom ziehen kann, die nur so lang ist wie der Text, und wenn der News Div unter dem Bild Div hinaus ragt, sieht man, dass die Borderbottom die volle Länge hat. Außerdem muss der CSS Code von allen Div "News" gleich sein.

    Ich habe mit float herum hantiert, padding und margin, aber kein Erfolg. =/

  • danke für die Antwort, aber es bewirkt nichts.
    Ich habe mir auch überlegt, dass ich es besser so lasse, denn wenn der Text länger als das Bild ist, nutzt er nicht die volle Länge aus.
    Da kann ich eine kleine Trennlinie unten links in die Ecke jeder News machen.
    Trotzdem danke.

  • Habs mit folgendem HTML ausprobiert und funzt einwandfrei:
    (du brauchst nur ein Bild namens create.gif - ersetze es durch was du willst)

    Quellcode

    1. <html>
    2. <head>
    3. <title>x</title>
    4. <style type="text/css">
    5. div {
    6. float:clear;
    7. width:100%;
    8. border:solid 1px;
    9. }
    10. img {
    11. float:right;
    12. border:solid 1px;
    13. }
    14. </style>
    15. </head>
    16. <body>
    17. <img src="create.gif" />
    18. <div>Fubar ist ein Wort aus dem anglo-amerikanischen Sprachraum, dessen Herkunft nicht genau bestimmt werden kann; es ist auch die Schreibweise "Foobar" verbreitet. Seine Bedeutung ist mannigfach und speziell in der IT-Branche mehrfach belegt. Im einfachsten Fall ist es ein Ausdruck, der etwas besonders Unkenntliches oder Unbrauchbares oder sogar Ekelhaftes bezeichnet, insbesondere dann, wenn dieser Zustand durch eine Manipulation entstanden ist, also durch einen Vorgang, der etwas an sich Brauchbares zerstört oder entstellt hat. Als Beispiel können durch Unfälle oder Missbrauch zerstörte Maschinen dienen oder Projekte, die durch eifrigen, aber planlosen Einsatz unfähiger Personen "verschlimmbessert" werden, bis sie schließlich nur noch unbrauchbare Ergebnisse liefern. In der IT Branche werden die Begriffe "foo" und "bar" und "foobar" aber auch als Platzhalter und Beispielnamen (Metasyntaktische Variablen) für Dateien, Routinen, Verzeichnisse, Funktionen, Prozesse, Variablennamen etc. verwendet. Dies dient dazu, auszudrücken, dass es sich um "irgendeine" Datei, Routine etc. handelt, deren genauer Name jetzt gerade nichts zur Sache tut (siehe Ableitungen). Eine häufige Erklärung des Wortes ist das Herleiten aus der Zeit des Zweiten Weltkriegs. Dort wurde Fubar von der US Army als Akronym für Fucked Up Beyond All Recognition verwendet (englisch, zu Deutsch etwa Bis zur Unkenntlichkeit verstümmelt oder Total im Arsch). Alternativ wird auch fouled statt fucked, any statt all oder repair statt recognition verwendet. Die Bezeichnung Fubar lässt sich wiederum aus dem deutschen Wort "furchtbar" ableiten.</div>
    19. <div>Fubar ist ein Wort aus dem anglo-amerikanischen Sprachraum, dessen Herkunft nicht genau bestimmt werden kann; es ist auch die Schreibweise "Foobar" verbreitet. Seine Bedeutung ist mannigfach und speziell in der IT-Branche mehrfach belegt. Im einfachsten Fall ist es ein Ausdruck, der etwas besonders Unkenntliches oder Unbrauchbares oder sogar Ekelhaftes bezeichnet, insbesondere dann, wenn dieser Zustand durch eine Manipulation entstanden ist, also durch einen Vorgang, der etwas an sich Brauchbares zerstört oder entstellt hat. Als Beispiel können durch Unfälle oder Missbrauch zerstörte Maschinen dienen oder Projekte, die durch eifrigen, aber planlosen Einsatz unfähiger Personen "verschlimmbessert" werden, bis sie schließlich nur noch unbrauchbare Ergebnisse liefern. In der IT Branche werden die Begriffe "foo" und "bar" und "foobar" aber auch als Platzhalter und Beispielnamen (Metasyntaktische Variablen) für Dateien, Routinen, Verzeichnisse, Funktionen, Prozesse, Variablennamen etc. verwendet. Dies dient dazu, auszudrücken, dass es sich um "irgendeine" Datei, Routine etc. handelt, deren genauer Name jetzt gerade nichts zur Sache tut (siehe Ableitungen). Eine häufige Erklärung des Wortes ist das Herleiten aus der Zeit des Zweiten Weltkriegs. Dort wurde Fubar von der US Army als Akronym für Fucked Up Beyond All Recognition verwendet (englisch, zu Deutsch etwa Bis zur Unkenntlichkeit verstümmelt oder Total im Arsch). Alternativ wird auch fouled statt fucked, any statt all oder repair statt recognition verwendet. Die Bezeichnung Fubar lässt sich wiederum aus dem deutschen Wort "furchtbar" ableiten.</div>
    20. <div>Fubar ist ein Wort aus dem anglo-amerikanischen Sprachraum, dessen Herkunft nicht genau bestimmt werden kann; es ist auch die Schreibweise "Foobar" verbreitet. Seine Bedeutung ist mannigfach und speziell in der IT-Branche mehrfach belegt. Im einfachsten Fall ist es ein Ausdruck, der etwas besonders Unkenntliches oder Unbrauchbares oder sogar Ekelhaftes bezeichnet, insbesondere dann, wenn dieser Zustand durch eine Manipulation entstanden ist, also durch einen Vorgang, der etwas an sich Brauchbares zerstört oder entstellt hat. Als Beispiel können durch Unfälle oder Missbrauch zerstörte Maschinen dienen oder Projekte, die durch eifrigen, aber planlosen Einsatz unfähiger Personen "verschlimmbessert" werden, bis sie schließlich nur noch unbrauchbare Ergebnisse liefern. In der IT Branche werden die Begriffe "foo" und "bar" und "foobar" aber auch als Platzhalter und Beispielnamen (Metasyntaktische Variablen) für Dateien, Routinen, Verzeichnisse, Funktionen, Prozesse, Variablennamen etc. verwendet. Dies dient dazu, auszudrücken, dass es sich um "irgendeine" Datei, Routine etc. handelt, deren genauer Name jetzt gerade nichts zur Sache tut (siehe Ableitungen). Eine häufige Erklärung des Wortes ist das Herleiten aus der Zeit des Zweiten Weltkriegs. Dort wurde Fubar von der US Army als Akronym für Fucked Up Beyond All Recognition verwendet (englisch, zu Deutsch etwa Bis zur Unkenntlichkeit verstümmelt oder Total im Arsch). Alternativ wird auch fouled statt fucked, any statt all oder repair statt recognition verwendet. Die Bezeichnung Fubar lässt sich wiederum aus dem deutschen Wort "furchtbar" ableiten.</div>
    21. </body>
    22. </html>
    Alles anzeigen


    hth

  • anscheinend ist hier ein Misverständnis.
    Dein Code erzeugt das selbe Ergebnis wie ich es bereits habe, trotzdem bin ich für deine Hilfe sehr dankbar.
    Ich wollte ,dass der erste Text-Div vor dem Imagekasten umbricht.

    Da das aber unpraktische Zustände birgt, habe ich mich entschlossen, es praktischer Weise so zu lassen, ich kann ja einfacher einen Div mit 1px höhe und gewünschter Länge erzeugen für eine Unterlinie.

    aber nochmal Danke.
    Dieser Thread kann geclosed werden.