Flexbox Layout und Positionierungsangaben?

Begonnen von Tobias, 10 Januar 2017, 07:28:09

Vorheriges Thema - Nächstes Thema

Tobias

Hi,
ich nutze das Flexboxlayout und breche mir die Finger, Positionierungsangaben reinzubekommen.
zb. funktioniert die col-1-2 und left-align Angabe nicht zusammen mit hbox - sie werden einfach ignoriert.
Ich möchte aber in einer hbox alle Elemente in der rechten hälfte haben, in der Linken hälfte soll ein statitscher Text linksbündig stehen.
Die Klasse squareborder funktioniert auch nicht mehr auf unterschiedlichen Browsern gleich zusamen mit der hbox.
Wie muss ich das richtig machen?
Code NUR zur Veranschaulichung
<div class="hbox squareborder">
  <div class="col-1-2 left-align"> Überschrift</div>
  <div class="col-1-2">
    <div class="hbox items-space-around">"
      Widget1
      Widget2
      ....
    </div>
  </div>
</div>
Maintainer: Text2Speech, TrashCal, MediaList

Meine Projekte: https://github.com/tobiasfaust
* PumpControl v2: allround Bewässerungssteuerung mit ESP und FHEM
* Ein Modbus RS485 zu MQTT Gateway für SolarWechselrichter

setstate


            <li data-row="1" data-col="4" data-sizey="4" data-sizex="6">
                <header>EXAMPLE2</header>
                <!-- place your widget here -->
                <div class="hbox squareborder full-width">
                    <div class="hbox items-left left-space">Überschrift</div>
                    <div class="hbox items-space-around">
                        <div> Widget1</div>
                        <div>Widget2</div>
                    </div>
                </div>
            </li>



Tobias

Maintainer: Text2Speech, TrashCal, MediaList

Meine Projekte: https://github.com/tobiasfaust
* PumpControl v2: allround Bewässerungssteuerung mit ESP und FHEM
* Ein Modbus RS485 zu MQTT Gateway für SolarWechselrichter

kud

Nur ein Hinweis.
<li> macht unter Chrom einen Punkt mit <ul> gehts ohne diesen.

Tobias

Hi setstate,
was unter 2.4 nach deinem Hinweis super funktioniert hat, funktioniert unter 2.5 nicht mehr. Die Icons waren vorher in der rechten Hälfte gleichmäßig verteilt. Jetzt sind sie am rechten Rand zusammengequetscht.
Was rätst du  mir?
Maintainer: Text2Speech, TrashCal, MediaList

Meine Projekte: https://github.com/tobiasfaust
* PumpControl v2: allround Bewässerungssteuerung mit ESP und FHEM
* Ein Modbus RS485 zu MQTT Gateway für SolarWechselrichter

Tobias

hat keiner eine idee oder dasselbe problem?
Maintainer: Text2Speech, TrashCal, MediaList

Meine Projekte: https://github.com/tobiasfaust
* PumpControl v2: allround Bewässerungssteuerung mit ESP und FHEM
* Ein Modbus RS485 zu MQTT Gateway für SolarWechselrichter

setstate

Ich muss mir sowas aufschreiben. Ich wollte mir das ansehen, aber durch die vielen Themen, verliere ich das dann immer aus den Augen.

setstate

@Tobias : Du musst mir mal DEINEN Code zwischen den <li> geben. Das Beispiel von mir oben ist bei mir immer noch okay.