4sDMkH2mb8oPf4LoRHTqNm changeset

Changeset333333363039 (b)
Parent666563396231 (a)
ab
4545                         text-decoration:none; 
4646            }
4747                       
...
48+                        #left {
48+                                padding-right: 236px; /* Breite der Navi */
48+                        }
48+                       
...
4848            #header {
4949                background:url('http://europachat.ibitlive.eu/header.jpg');
5050                width:801px;
5151                height:142px;
5252                                margin: auto;
...
53-                                position: relative;
53-                                left: -118px; /* Beite der Navi / 2 */
...
5555            }
5656                       
5757            #header p {
5858                padding: 40px 90px 0 170px;
5959                font-weight:bold;
6060            }
...
61+                       
61+                        #box_top {
61+                                width: 660px;
61+                                height: 35px;
61+                                margin: auto;
61+                                background: url(box_top.png);
61+                        }
61+                       
61+                        #box {
61+                                width: 660px;
61+                                min-height: 350px;
61+                                margin: auto;
61+                                background: url(box.png) repeat-y;
61+                        }
61+                       
61+                        #box_bottom {
61+                                width: 660px;
61+                                height: 86px;
61+                                margin: auto;
61+                                background: url(box_bottom.png);
61+                        }
...
6161                       
6262            body {
6363             background:url('http://europachat.ibitlive.eu/bg.jpg') 50% 0 repeat-x fixed #9B5D2B;
...
8585                    </ul>
8686                </li>
8787            </ul>
...
88-            <div id="header">
88-                <p>
88-                    Text im Header? Ich glaub ist keine Überschrift... Mehr Text
88-                    zeigt das Element etwas mehr gefüllt blabla und so weiter.
88-                    Soll das hier nen Bereich mit Notizen werden?
88-                </p>
88+            <div id="left">
88+                <div id="header">
88+                    <p>
88+                        Text im Header? Ich glaub ist keine Überschrift... Mehr Text
88+                        zeigt das Element etwas mehr gefüllt blabla und so weiter.
88+                        Soll das hier nen Bereich mit Notizen werden?
88+                    </p>
88+                </div>
88+                <div id="box_top"></div>
88+                <div id="box">
88+               
88+                </div>
88+                <div id="box_bottom"></div>
...
9494            </div>
9595    </body>
9696</html>
...
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
--- Revision 666563396231
+++ Revision 333333363039
@@ -46,19 +46,42 @@
 			 text-decoration:none;  
             }
 			
+			#left {
+				padding-right: 236px; /* Breite der Navi */
+			}
+			
             #header {
                 background:url('http://europachat.ibitlive.eu/header.jpg');
                 width:801px;
                 height:142px;
 				margin: auto;
-				position: relative;
-				left: -118px; /* Beite der Navi / 2 */
             }
 			
             #header p {
                 padding: 40px 90px 0 170px;
                 font-weight:bold;
             }
+			
+			#box_top {
+				width: 660px;
+				height: 35px;
+				margin: auto;
+				background: url(box_top.png);
+			}
+			
+			#box {
+				width: 660px;
+				min-height: 350px;
+				margin: auto;
+				background: url(box.png) repeat-y;
+			}
+			
+			#box_bottom {
+				width: 660px;
+				height: 86px;
+				margin: auto;
+				background: url(box_bottom.png);
+			}
 			
             body {
              background:url('http://europachat.ibitlive.eu/bg.jpg') 50% 0 repeat-x fixed #9B5D2B; 
@@ -86,12 +109,19 @@
                     </ul>
                 </li>
             </ul>
-            <div id="header">
-                <p>
-                    Text im Header? Ich glaub ist keine Überschrift... Mehr Text
-                    zeigt das Element etwas mehr gefüllt blabla und so weiter.
-                    Soll das hier nen Bereich mit Notizen werden?
-                </p>
+            <div id="left">
+                <div id="header">
+                    <p>
+                        Text im Header? Ich glaub ist keine Überschrift... Mehr Text
+                        zeigt das Element etwas mehr gefüllt blabla und so weiter.
+                        Soll das hier nen Bereich mit Notizen werden?
+                    </p>
+                </div>
+                <div id="box_top"></div>
+                <div id="box">
+                
+                </div>
+                <div id="box_bottom"></div>
             </div>
     </body>
 </html>