ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
833
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    Catscrash ist offline Mitglied Silber
    Registriert seit
    Mar 2004
    Ort
    127.0.0.1
    Beiträge
    87
    Hi,

    mein Wunsch-Ergebnis ist am einfachsten mit einem Bild zu zeigen float + relative position?-div_problem1.png

    Der blaue Kasten soll auf jeden Fall unten links liegen, der Text soll oben links anfangen und - falls zu lang - um den blauen Kasten floaten. Allerdings habe ich Probleme das zu erreichen.

    Der folgende Ausschnitt funktioniert bezüglich des floats soweit gut, hat aber den blauen Kasten natürlich oben links.
    HTML-Code:
            <div style="width:300px;height:300px; border-style: dashed;border-width: 1px;border-color: black">
                <div style="width:100px;height:100px; border-style: dotted;border-width: 1px;border-color: blue; float:left;"></div>
                     text text text.....
                
            </div>
    probiere ich jetzt diesen nach unten zu verschieben, landet zwar der blaue Kasten unten, der float-Ausschnitt aus dem Text ist jedoch weiterhin oben:
    HTML-Code:
            <div style="width:300px;height:300px; border-style: dashed;border-width: 1px;border-color: black">
                <div style="position: relative; top: 200px; width:100px;height:100px; border-style: dotted;border-width: 1px;border-color: blue; float:left;"></div>
                     text text text.....
                
            </div>
    float + relative position?-div_problem2.png

    Wenn ich es mit absoluter Positionierung versuche, funktioniert float natürlich gar nicht mehr, logisch.

    Irgendjemand eine Idee?

    Danke!

    Catscrash
     

  2. #2
    Avatar von spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.725
    Hab da mal ein wenig mit margin (Außenabstand) experimentiert, bin aber zu keinem zufriedenstellenden Resultat gekommen.

    Mein Fazit: "Mission impossible".
     

Thema nicht erledigt

Ähnliche Themen

  1. Absolute Position -> relative Position
    Von LL0rd im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 29.09.09, 12:30
  2. position:relative oder float
    Von hermanhass im Forum CSS
    Antworten: 5
    Letzter Beitrag: 26.04.09, 09:31
  3. Antworten: 5
    Letzter Beitrag: 09.04.09, 20:05
  4. Antworten: 3
    Letzter Beitrag: 29.01.08, 13:58
  5. CSS (position:relative) und Links
    Von Wolfsbein im Forum CSS
    Antworten: 5
    Letzter Beitrag: 09.01.02, 16:09