mehrere div-container inline + feste abstände zur seite?

  • ahoi forum!
    ich versuche gerade mehrere div-container inline darzustellen und gleichzeitig feste abstände zum linken rand zu haben.
    habe das versucht in css wie folgt zu lösen:

    #menu div {
    display:inline-block;
    position:relative;
    }
    .m1 {
    left:10px;
    }
    .m2 {
    left:160px;
    }
    .m3 {
    left:350px;
    }
    .m4 {
    left:560px;
    }

    hier noch die vereinfachte html struktur:

    <div id="menu">
    <div class="m1"></div>
    <div class="m2"></div>
    <div class="m3"></div>
    <div class="m4"></div>
    </div>

    allerdings werden dabei ja die abstände vom vorherigen element in der zeile gemessen. kann ich den abstand auch irgendwie so setzen, dass von ganz links innerhalb des menu-div-tags gemessen wird?
    danke, der unregistrierte

  • ich schliess ich mich elvis an das man navigation eig immer ales liste macht...

    Einmal editiert, zuletzt von Macrosdesign (25. März 2009 um 23:08)

  • Danke für die Tips :D
    Der Link war auch sehr ergiebig aber hat mich nich zur Lösung gebracht.

    Leider hab ich das Problem, dass ich mehrzeilige Dinger verwenden will. Mein neues CSS/HTML funktioniert also nur bedingt, weil das inline mit dem break natürlich nich geht.

    Neues CSS:


    #menu {
    display:inline;
    list-style-type:none;

    }

    #menu li {

    display:inline;
    padding-left:0;

    }

    Neues HTML:

    <ul id="menu">
    <li class="m1">
    zeile1<br/>zeile2
    </li>
    <li class="m2">
    zeile1<br/>zeile2
    </li>
    <li class="m3">
    zeile1<br/>zeile2
    </li>
    <li class="m4">
    zeile1<br/>zeile2
    </li>
    </ul>

    Mit 2 Absätzen via p-tag gehts leider noch weniger. Weiss jemand Rat wie man zwei Zeilen in einem Listobjekt anzeigen lassen kann?

    Ich versuch auch, den Abstand mittels left-Attribut festzulegen. Kann man den Abstand irgendwie so definieren, dass er immer anfängt, von ganz links in der Zeile zu messen, also ähnlich wie bei absolute?

    Danke nochmals, :)
    der Unregistrierte

  • Versuch's mal so:


    Die Style-Angaben bei li kannst du noch durch entsprechende Klassen ersetzen.