Ich würde ganz gerne ein Fenster im Browser erstellen. Es soll ungefähr so aussehen, wie ein natives Fenster, wie man es auch unter Windos/Linux kennt. Dazu habe ich bei einer GTK-Theme ein paar nette Grafiken gefunden. Das Fenster soll aus 9 Divs bestehen ( eine Vorlage habe ich mal angehängt ). Ich scheitere aber schon bei der Titelleiste. Die würde ja erst mal aus einem Master-DIV und 3 anderen Divs bestehen. Das linke DIV wäre dann, die linke abgerundete Ecke. Dann würde die eigentliche Titelleiste kommen, und dann rechts die abgerundete rechte Ecke. Ich benutze für Das ganze Fenster, kleine Grafiken, allerdings scheitere ich schon an der Titelleiste. Vlielleicht kann mir jemand helfen.

Angehängte Grafiken

layout.jpg (12,7 KB, 6x aufgerufen)

Das geht auch mit weniger divs (wenn dein Screenshot auch dem entspricht, was du wirklich tun willst).

Schau dir mal diese Seite an: Runde und andere Ecken (Webdesign) | andreas-kalt.de

Danke, das scheint schon mal gut auszusehen. Jetzt muß ich das nur noch richtig verstehen Probiere das erst mal aus. Später soll das mal ein UserControl unter .NET werden. So zu sagen als Template, ich hoffe das geht dann auch.

hmmmmm, dort werden nur zwei Divs nebeneinander gebraucht ( in Deinem Tutorial ), ich muß allerdings 3 haben, weil den Style, den ich benutze, hat für die Titelleiste 3 Grafiken. Wie ich diese nebeneinander packe, weiß ich schon. Das eigentliche Problem wäre, das sich beim Vergrößern des Mutter-Divs, die inneren nicht mit größer werden. Ich leg mal nen screenshot bei, wie weit ich gekommen war.

Angehängte Grafiken

shot3.jpg (92,7 KB, 7x aufgerufen)

Wie gesagt. Ich weiß nicht, wie dein Vorhaben dann letztendlich aussehen soll. Dein Screenshot im ersten Post benötigt definitiv nur 2 divs nebeneinander.

ja, wenn meine Grafiken dafür passen würden, käme ich mit 2 DIVs klar, da haste recht. Aber meine Grafiken, besitzen, eine linke, obere Ecke, dann die Titelleiste, und dann noch rechts eine Grafik ( wenn wir jetzt nur mal von der Titelleiste ausgehen ). Auf dem zweiten screenshot, kann man das sehen. Ich muß für das obere Aussehen, des Fensters 3 Divs nebeneinander haben, wo bei sich das mittlere Div mit vergrößern muß, wenn das Mutter Div länger gezogen wird. So sah bis jetzt meine .css Datei aus, aber irgendwie paßt das vorne und hinten nicht.

Du benötigst nur 2 Elemente. Mit der "Sliding-Door"-Technik kannst du dann eines der beiden Elemente den sehr breiten Hintergrund geben, der auch bei Vergrößerung dann immer mehr zu sehen ist. Schwer zu erklären. Informier dich einfach über "Sliding-Door", was auch schon im verlinkten Tutorial erklärt wird.

Dann wird es mit meinen Grafiken nicht passen. Ich leg die mal bei. Da in dem Tutorial nen ganz anderes Desinge beschrieben ist. Würde ich mich aber auch drauf ein lassen. Weiß nur nicht, woher ich solche netten Grafiken dann her bekomme. Aus dem Grund hatte ich die Sachen von GTK-Themes benutzt.

Angehängte Dateien

gtk_theme.zip (63,7 KB, 1x aufgerufen)

Lege doch titlebar-focused-middle.png und titlebar-focused-right.png in eine Grafik und mach diese sehr breit, indem du titlebar-focused-middle.png im Grafikprogamm immer wieder nebeneinander legst. Ganz easy

ja, da habe ich auch schon drüber nach gedacht. Allerdings, wenn ich bei meinem "Standart" bleibe, kann ich die Grafiken einfach mit einer anderen GTK-Theme auswechseln. So weit ich weiß, ändern sich bei diesen Themes nicht die Dateinamen. Wenn ich nach Deinem Schema gehe, wäre es nicht so einfach, mal eben das Theme ( Grafiken ) zu wechseln, denn ich müßte es ja vorher dann erst bearbeiten.

By the Way. Wenn ich mir die fertige Box ( aus Deinem Tut ) anschaue, mit dem Firefox, dann ist sie links ein wenig unterbrochen.