So hier mal was zur genaueren Erklärung der einzelnen Koordinaten.
Um die einzelnen Elemente besser erkennen zu können hab ich sie mal farblich übereinander gelegt.
Oben/links sieht man die Position 0:0 unten/rechts 720:579 was unserer Gesamtgröße des
Verfügbaren Bereich entspricht.
Mit <eZapMain position="0:340" size="720:160"> geben wir die Startkoordinaten und die
Größe des eZapMain an.
Mit <eLabel position="59:0" size="602:159" pixmap="info-bg" name="info-bg" />positionieren
wir da Hintergrund Bild innerhalb des eZapMain auf 59:0.
MIt <eWidget position="116:28" size="450:120" backgroundColor="bground" />machen
wir ein Hintergrundrechteck das wir später auch transparent machen können.
Warum nicht die Koordinaten auf den gesamten verfügbaren Bereich anwenden ?
Diese Lösung hat folgenden Vorteil :
Wenn man seinen Skin auf 16:9 anpassen möchte muss man nicht alle Elemente neu
berechen sondern man ändert einfach die position 0:340 im eZapMain und verschiebt alle Elemente auf einmal.