Rechtspositionierung eines Menüs

[Steel]

Hi!

Für die Darstellung müsste ich die Titelbox und das Systemmenü umtauschen also  <h2><span class="sysmenue">X</span><span class="titeltext">Fenstertitel</span></h2> schreiben.
Wäre das OK?

Sicher das. Aber ich würde es trotzdem anders machen. (absolut positionieren)

Wenn ich z.b. meine Fenster grad anschaue ist der Titel zentriert allerding in seiner eigenen Box mit einem eigenem (grau-dunkelgrau) diagonalem Verlauf. Davor haben wir das Logo (Ordnergrafik, oder Browserlog) und dahinter das, was Du als Systemmenü bezeichnest. Beides in dem Verlauf, der z.b. meine Startleiste ziert (links am Fenster Blau, rechts dunkelblau) Das würde ich vielleicht so erreichen:
<div mit standardhintergrund><img Logo><h> Titel mit eigenem Hintergrund</h><ul> Systemmenü</ul></div>

Das 'Systemmenü' wird rechts absolut positioniert. Das extra div nur damit man fuer den Text einen extra Hintergrund einbauen kann. Das ginge aber auch, wenn man das div mit dem h ersetzt und aus dem h ein span macht.

Für Deinen Fall sähe das dann so aus:

<div class="windowbox">  
     <h2><span class="titeltext">Fenstertitel</span><ul class="sysmenue"><li>X</li></ul></h2>  
     <div class="windowcontent">Fensterinhalt</div>  
</div>

.sysmenue  
{  
 position:absolute;  
 right:0px;  
}

Die Liste benutze ich, falls es mal mehr Buttons werden sollten. Wenn das nicht der Fall ist, reicht ein anklickbares Element.

Weil 'Systemmenü' nun aus dem Elementfluss ist, bekommt 'titeltext' noch ausreichend rechtes padding, damit ein längerer Titel nicht hinter 'Systemmenü' verschwindet.

Fertig ist die Titelleiste. (für beliebig viele Fenster)