Ergebnis 1 bis 7 von 7

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

  1. #1
    Unregistriert
    Gast

    Standard 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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

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

    Keine Ahnung was das da für ein Konstrukt werden soll, aber mir sieht das schon verdächtig nach einer DIV-Suppe aus. Ein Menü zeichnet man semantisch korrekt allerdings eh als Liste aus.

  3. #3
    Macrosdesign
    Gast

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

    ich schliess ich mich elvis an das man navigation eig immer ales liste macht...
    Geändert von Macrosdesign (26.03.2009 um 00:08 Uhr)

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

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

    Wenn es ein Menue wird, dann verwende am besten eine Liste.
    Genügend Beispiele hierzu findest du hier

  5. #5
    Unregistriert
    Gast

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

    Danke für die Tips
    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

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

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

    Versuch's mal so:

    Code:
    #menu {
    list-style-type:none;
    margin: 0;
    padding: 0;
    position: relative;
    }
    
    #menu li {
    float: left;
    }
    Code:
    <ul id="menu">
    <li>
    zeile1<br/>zeile2
    </li>
    <li style="position: absolute; left: 160px;">
    zeile1<br/>zeile2
    </li>
    <li style="position: absolute; left: 350px;">
    zeile1<br/>zeile2
    </li>
    <li style="position: absolute; left: 560px;">
    zeile1<br/>zeile2
    </li>
    </ul>
    Die Style-Angaben bei li kannst du noch durch entsprechende Klassen ersetzen.

  7. #7
    Unregistriert
    Gast

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

    Vielen Dank, sejuma!
    Deine Lösung funktioniert perfekt.

Ähnliche Themen

  1. externen div container in eigene seite einbinden
    Von esumsi im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.02.2009, 22:14
  2. Feste Seite erstellen - Frontpage
    Von speer10 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 24.12.2006, 07:30
  3. Mehrere Javascripte in einer Seite!?
    Von Gast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 19.11.2006, 14:51
  4. Seite für mehrere Auflösungen
    Von Phoeby99 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 19.07.2005, 23:09
  5. Mehrere Elemente auf einer Seite
    Von N3cr0m4ncer im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 15.08.2004, 16:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •