verhältnisse, menue, content us.w.

[Everlast3310]

#left, #right und #middle Wenn du die größen rechts anpasst, musst du auch die Größe von middle und left anpassen wenn ich mich nicht irre.

Edit: #context spielt da auch eine rolle. Ich empfehle dir das addon Firebux, damit kannst du alles im Browser testen ohne irgendetwas an den Dateien selbst zu ändern.

[general2811]

und was gwnau kann ich damit machen??
installt hab ich es schon!
desweiteren hätte ich gerne gewusst wie ich es hinbekomm das sich der header auch von alleine scaliert!
da meine slots überbreite haben habe ich die seite nun so angepasst das sich diese den slots anpasst aber eben der header nicht, allso der banner wo der seitenname drinn steht!

[Everlast3310]

im allgemeinen funktioniert das mit margin:0 auto;

Zu firebux einfach mal bissel ausprobieren, erklärt sich von selbst.

Also auf den kleinen Käfer klicken um Firebux zu starten und dann auf den Button wo der Mauszeiger auf ein Rechteck zeigt klicken und dann in deine Webseite klicken und die stelle auswählen, die du bearbeiten willst. Ist ein bischen schwer zu erklären aber wie schon gesagt, bissel ausprobieren und dann erklärt sich alles von selbst.

[general2811]

das war fireBUG nicht bux das is was mit kohlen verwalten und so, aber isn schickes proggi der bug!
ich werd die datei mal suchen und testen!

[general2811]

in welcher datei muss das genau geändert werden?

[Everlast3310]

Normalerweise in der style.css
Brauchst nur deine Startseite öffnen und dann halt mit firebug die werte in der css anpassen und wenn du zu frieden bist übernimmst du die Werte in deiner style.css.

Kannst mir ja mal nen link von deiner Seite schicken

[general2811]

so sieht das ganze bei mir nun aus!!

body { 2margin:0 auto;
3background-color:#0F0;
4}
5
6body, table, td, tr, div, p, pre, h1, h2, h3, h4, ul {
7font-family: Verdana, Arial;
8font-size:10px;
9color:#000000;
10}
11
12#login {
13width:800px;
14text-align:right;
15padding:0px;
16color:#777777;
17}
18
19#head {
20width:800px;
21height:100px;
22background-image:url(../images/0/header.png);
23background-repeat:no-repeat;
24margin:0 auto;
25}
26
27#logo {
28float:left;
29color:#ffffff;
30font-size:36px;
31font-weight:bold;
32padding:32px 0 0 15px;
33}
34
35#banner {
36float:right;
37width:468px;
38height:60px;
39padding:10px 10px 0 0;
40}
41
42.nav {
43width:128px;
44padding:1px;
45background-color:#ffffff;
46color:#000000;
47border:1px solid #777777;
48margin:0 auto;
49}
50
51.nav h2 {
52background-image:url(../images/0/leiste.gif);
53background-repeat:repeat-x;
54height:18px;
55width:128px;
56padding:3px 0 0 0;
57font-size:11px;
58font-weight:bold;
59color:#777777;
60text-indent:6px;
61margin:0 auto;
62}
63
64.nav ul {
65margin:0 0 -1px 0;
66padding:0px;
67}
68
69.nav li {
70display:block;
71width:124px;
72padding:2px;
73background-image:url(../images/0/a_bg.gif);
74background-repeat:repeat-x;
75list-style-type:none;
76font-size:10px;
77margin:0 auto;
78}
79
80
81.nav li a {
82color:#6699CC;
83text-decoration:none;
84}
85
86.nav li a span {
87color:#6699CC;
88font-weight:bold;
89}
90
91.nav li a:hover {
92color:#9CBDCC;
93}
94
95.nav li a:hover span {
96color:#164A82;
97font-weight:bold;
98}
99
100.content {
101width:522px;
102padding:1px;
103background-color:#ffffff;
104color:#000000;
105border:1px solid #777777;
106margin:0 auto;
107}
108
109.content h2 {
110background-image:url(../images/0/leiste.gif);
111background-repeat:repeat-x;
112height:18px;
113width:522px;
114padding:3px 0 0 0;
115font-size:11px;
116font-weight:bold;
117color:#777777;
118text-indent:6px;
119margin:0 auto;
120}
121
122A:link,A:visited,A:active {
123color: #777777;
124text-decoration: underline;
125}
126
127A:hover {
128color: #777777;
129text-decoration: none;
130}
131
132input {
133font-size: 10px;
134font-family: Verdana, Arial;
135border:1px solid #777777;
136background-image:url(../images/0/a_bg.gif);
137background-repeat:repeat-x;
138background-color: #ffffff;
139color: #000000;
140}
141
142select, textarea, option {
143font-size: 10px;
144font-family: Verdana, Arial;
145border:1px solid #777777;
146background-color: #eeeeee;
147color: #000000;
148}
149
150#foot {
151width:798px;
152padding:1px;
153border:1px solid #777777;
154background-color:#ffffff;
155}
156
157#foot_in {
158width:798px;
159background-image:url(../images/0/leiste.gif);
160background-repeat:repeat-x;
161padding:4px 0 0 0;
162color:#777777;
163height:14px;
164}
165
166.tr_row0 {
167background-color: #ffffff;
168}
169
170.tr_row1 {
171background-color: #dddddd;
172}
173
174.tr_head {
175background-image:url(../images/0/leiste.gif);
176background-repeat:repeat-x;
177color:#777777;
178font-weight: bold;
179}