windowsfenster bauen

(hier klicken, um zum Original Thread zu gelangen)

SiliconeSoul

Also ich wollte mit CSS ein Fenser bauen das aussieht wie ein Typisches Windows fenster.
Sprich

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

----------------------------------------------[_][[]][X]
Festertitel                                                          |
--------------------------------------------------------|
Fensterinhalt                                                      |
Fensterinhalt                                                      |
Fensterinhalt                                                      |
Fensterinhalt                                                      |
Fensterinhalt                                                      |
Fensterinhalt                                                      |
---------------------------------------------------------

geht das irgendwie?
Ich versuche es die ganze Zeit mit verschachtelten Div containern,
klappt aber nicht so richtig wie ich das will.

der_nic

Ja wie sieht denn dein bisheriger Versuch aus? Wo genau scheiterts denn? Oder erwartest du, dass dir jemand das einfach so herzaubert?

SiliconeSoul

so sehen sie aus:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:


<div id="window">
                        <div id="WinNavi_title">
                            <i>Fenstertitel</i>
   
                        </div>

                <div id="WindowsContent">
                					<fieldset id="errorhandling">
                                    <legend>Registrieren</legend>
                                    <form action="../lib/dbconnect.php" method="post" enctype="multipart/form-data>
                                    
                                        
                                            <table>
                                       
// registrierungsforumlar und infos stehen hier

                                            </table>
                                                    <input type="submit" value="Registrieren" class="register" id="SubmitRegister" disabled />
                                    </fieldset> 
                </div>
            </div>

Die CSS:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:


div#window {
	background-color: #111122;
	-moz-opacity:.7;
	filter:alpha(opacity=50);
	padding: 25px;
	border-style: double;
	border-color: #00AAFF;
	color: #00AAFF;
	width: 50%;
	height: auto;
	float: right;
	overflow: auto;
	 
}
div#WinNavi_title {
	background-color: 222233;
}

div#WinNavi_controls {
	background-color: 222233;
	text-align: right;
}
fieldset{
		-moz-opacity:1.0;
	filter:alpha(opacity=100);
}

(hier klicken, um zum Original Thread zu gelangen)