Forum Partner+Friends LinkUs Downloads KNW Suche TS³ Viewer Twitter Facebook

Wieder mal der IE, der Probleme macht, nur weis ich nicht wo!

Jetzt kostenlos Anmelden!


Fujitsu Männlich

User wurde gesperrt

Beiträge: 92

Geschlecht: Männlich

PHPKIT Version: keine

1

Freitag, 30. Mai 2008, 04:28

Wieder mal der IE, der Probleme macht, nur weis ich nicht wo!

Hallo zusammen,

ich bin dabei ein Style an die 4images Gallery anzupassen! Dies klappt auch soweit gut:

Das zeigt aber der IE, also es sieht ja ok aus, doch der IE:



War ja klar das es im IE mal wieder anders aussieht! Da ich nicht sehr gut bis ganz schlecht nur HTML kann und immer nur "Copy & Paste" und schauen was passiert, also meine methode entdeckt habe :D, fällt es mir schwer herauszufinden was das sein kann!

Hier einmal der Code:
(Der Code wird in 3 Teilen verteilt, header.html / home.html und foot.html)

In der Header.html ist der Header definiert:

MySQL-Abfrage(n)

 
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{direction}">
<head>
<title>{site_name}</title>
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<link rel="stylesheet" href="{template_url}/style.css" />
<script language="javascript" type="text/javascript">
<!--

  var captcha_reload_count = 0;
var captcha_image_url = "{url_captcha_image}";
  function new_captcha_image() {
if (captcha_image_url.indexOf('?') == -1) {
  document.getElementById('captcha_image').src= captcha_image_url+'?c='+captcha_reload_count;
} else {
  document.getElementById('captcha_image').src= captcha_image_url+'&c='+captcha_reload_count;
}

document.getElementById('captcha_input').value="";
document.getElementById('captcha_input').focus();
captcha_reload_count++;
  }

function opendetailwindow() { 
window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=752,height=480');
  }
  
  function right(e) {
if ((document.layers || (document.getElementById && !document.all)) && (e.which == 2 || e.which == 3)) {
  alert("© Copyright by {site_name}");
  return false;
}
else if (event.button == 2 || event.button == 3) {
  alert("© Copyright by {site_name}");
  return false;
}
return true;
  }

  if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = right;
  }
  else if (document.all && !document.getElementById){
document.onmousedown = right;
  }

document.oncontextmenu = new Function("alert('© Copyright by {site_name}');return false");

// -->
</script>
<style type="text/css">
<!--
.Stil1 {
font-size: 16px;
font-weight: bold;
}
-->
</style>

{if has_rss}
<link rel="alternate" type="application/rss+xml" title="{rss_title}" href="{rss_url}" />
{endif has_rss}
</head>
<div id="wrapper">
  <div id="header">
    <div id="logo">
      <a href="../../../../../Users/Nina und Benny/Desktop/mx-mysticjade/mx-mysticjade/." title=""></a>
    </div>
    <div id="news">
      {BANNER1}
    </div>
  </div>
  <div id="toolbar">
    <div id="nav">
    <table width="100%" border="0">
  <tr>
<td><div align="center"><a href="{url_top_images}" class="common Stil1">{lang_top_images}</a></div></td>
<td width="10"><div align="center">2</div></td>
<td width="10"><div align="center">3</div></td>
<td width="10"><div align="center">4</div></td>
<td width="10"><div align="center"></div></td>
<td width="10"><div align="center"></div></td>
<td width="10"><div align="center"></div></td>
<td width="10"><div align="center"></div></td>
<td width="10"><div align="center"></div></td>
  </tr>
</table>
    </div>
  </div>


In der Home.html ist der gewöhnliche Teil vorhanden:

MySQL-Abfrage(n)

 
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

{header}
  	<div id="mainarea">
    	<table width="100%" cellpadding="0" cellspacing="0" border="0">
      	<tr>
        	<td width="185" style="padding: 4px; padding-top: 4px;padding-right: 1ex;" valign="top">
          	<div id="leftbarHeader" style="padding-top: 5px; width: 185px;">
            	<div class="tborder" style="margin-bottom: 2px;">
              	<div class="titlebg" style="padding: 4px; font-weight: bold;"><span class="register_bg">{lang_registered_user}</span></div>
              	<div class="windowbg" style="padding:4px;"><span class="leftmenu_middle">{user_box}</span>
              	</div>
            	</div>
          	</div>
</td>
        	<td width="100%" align="left" valign="top" style="padding-top: 10px; padding-bottom: 10px;">
          	<table cellpadding="0" cellspacing="0" border="0" width="100%" style="table-layout: fixed;">
            	<tr>
              	<td valign="top">
                	<div class="tborder" style="margin-bottom: 2px;">
                  	<div style="padding: 3px 6px 3px 6px;" class="titlebg">Herzlich Willkommen auf {site_name}</div>
                  	<table width="100%" cellpadding="0" cellspacing="0">
                    	<tr>
                      	<td valign="top" class="windowbg2" style="padding: 4px;"><table width="100%" border="0">
                        	<tr>
                          	<td width="30">{if random_image}{endif random_image}</td>
                          	<td width="50">&nbsp;</td>
                        	</tr>
                      	</table>
                      	</td>
                    	</tr>
                  	</table>
                	</div>
                	{if categories} 
<div class="tborder" style="margin-bottom: 2px;">
                  	<div style="padding: 3px 6px 3px 6px;" class="catbg"><span class="pinktext">{lang_categories}</span></div>
                  	<table width="100%" cellpadding="0" cellspacing="0">
                    	<tr>
                      	<td valign="top" class="windowbg2" style="padding: 4px;">{categories}</td>
                    	</tr>
                  	</table>
                	</div>
                	{endif categories}
                	<div class="tborder" style="margin-bottom: 2px;">
                  	<div style="padding: 3px 6px 3px 6px;" class="catbg">
                    	{$title}
                  	</div>
                  	<table width="100%" cellpadding="0" cellspacing="0">
                    	<tr>
                      	<td valign="top" class="windowbg2" style="padding: 4px;">
                        	<span class="smalltext"><em>{$infoline}</em></span>
                        	<div style="_height: 1%;">
                          	<div>
                            	{$content} <!-- START comment -->
                             	Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor
                            	incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                            	exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                            	dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                            	Excepteur sint occaecat <!-- END comment -->
                          	</div>
                          	<p style="text-align: right; margin-top: 1ex;">
                            	<span class="smalltext">{$readmore}</span>
                          	</p>
                        	</div>
                      	</td>
                    	</tr>
                  	</table>
                	</div>
                	<div class="tborder" style="margin-bottom: 2px;">
                  	<div style="padding: 3px 6px 3px 6px;" class="catbg">
                    	{$title}
                  	</div>
                  	<table width="100%" cellpadding="0" cellspacing="0">
                    	<tr>
                      	<td valign="top" class="windowbg2" style="padding: 4px;">
                        	<span class="smalltext"><em>{$infoline}</em></span>
                        	<div style="_height: 1%; overflow: auto;">
                          	<div>
                            	{$content} <!-- START comment -->
                             	Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor
                            	incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                            	exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                            	dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                            	Excepteur sint occaecat <!-- END comment -->
                          	</div>
                        	</div>
                      	</td>
                    	</tr>
                  	</table>
                	</div>
                	<div class="tborder" style="margin-bottom: 2px;">
                  	<div style="padding: 3px 6px 3px 6px;" class="titlebg">
                    	{BLOCK_TITLE}
                  	</div>
                  	<table width="100%" cellpadding="0" cellspacing="0">
                    	<tr>
                      	<td valign="top" class="windowbg2" style="padding: 4px;">
                        	<div style="_height: 1%; overflow: auto;">
                          	<div>
                            	<div style="padding: 1em;">
                              	{BLOCK_CONTENT} <!-- START comment -->
                               	Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor
                              	incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                              	exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                              	dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
                              	pariatur. Excepteur sint occaecat <!-- END comment -->
                            	</div>
                          	</div>
                        	</div>
                      	</td>
                    	</tr>
                  	</table>
                	</div>
              	</td>
            	</tr>
          	</table>
        	</td>
        	<td style="padding: 4px; padding-top: 4px; padding-left: 1ex;" valign="top" align="right">
          	<div style="width: 195px; text-align: left; padding-top: 5px;">
            	<div class="tborder" style="margin-bottom: 2px;">
              	<div class="titlebg" style="padding: 4px; font-weight: bold;">
                	{BLOCK_TITLE}
              	</div>
              	<div class="windowbg" style="padding:4px;">
                	<div style="width: 100%;">
                  	{BLOCK_CONTENT} <!-- START comment -->
                   	Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut
                  	labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
                  	nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
                  	velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat <!-- END comment -->
                	</div>
              	</div>
            	</div>
          	</div>
        	</td>
      	</tr>
    	</table>
  	</div>
  	</div>
{footer}


Und dann der footer, der halt nur alles abschließt:

MySQL-Abfrage(n)

 
1
2
3
4
5
6
7
8
9
10

{if has_rss}
<span align="center">
  <a href="{rss_url}"><img src="{template_url}/images/rss.gif" border="0" width="15" height="15" alt="{rss_title}" /></a>
</span>
{endif has_rss}

{cp_link}
{copyright}
</body>
</html>


Und da stehe ich nun an einem Rätsel, was ist falsch, was muss anders? Bin für Hilfe sehr dankbar!

Gruß
Fujitsu
  • Zum Seitenanfang
  • Zum Seitenende

deepnight Männlich

findet sich zurecht

Beiträge: 134

Geschlecht: Männlich

Wohnort: HH

PHPKIT Version: 1.6.03

2

Freitag, 30. Mai 2008, 08:02

du fängst zwar oben mit <html> an und hörst auch unten damit auf </html>. nur was ich vermisse ist ein <body align="center"> starttag, den </body> haste ja drinne. sollte eigentlich bei zeile 64 stehn irgendwo, nach dem </head> und vor dem ersten <div>. oder verpeil ich da grad was....
  • Zum Seitenanfang
  • Zum Seitenende

Fujitsu Männlich

User wurde gesperrt

Beiträge: 92

Geschlecht: Männlich

PHPKIT Version: keine

3

Freitag, 30. Mai 2008, 10:42

Hy,

danke für deine Antwort, habe das Body nun eingefügt!

MySQL-Abfrage(n)

 
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{direction}">
<head>
<title>{site_name}</title>
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<link rel="stylesheet" href="{template_url}/style.css" />
<script language="javascript" type="text/javascript">
<!--

  var captcha_reload_count = 0;
	var captcha_image_url = "{url_captcha_image}";
  function new_captcha_image() {
	if (captcha_image_url.indexOf('?') == -1) {
		  document.getElementById('captcha_image').src= captcha_image_url+'?c='+captcha_reload_count;
		} else {
		  document.getElementById('captcha_image').src= captcha_image_url+'&c='+captcha_reload_count;
		}

	document.getElementById('captcha_input').value="";
	document.getElementById('captcha_input').focus();
	captcha_reload_count++;
  }

	function opendetailwindow() { 
	window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=752,height=480');
  }
  
  function right(e) {
	if ((document.layers || (document.getElementById && !document.all)) && (e.which == 2 || e.which == 3)) {
  	alert("© Copyright by {site_name}");
  	return false;
	}
	else if (event.button == 2 || event.button == 3) {
  	alert("© Copyright by {site_name}");
  	return false;
	}
	return true;
  }

  if (document.layers){
	document.captureEvents(Event.MOUSEDOWN);
	document.onmousedown = right;
  }
  else if (document.all && !document.getElementById){
	document.onmousedown = right;
  }

	document.oncontextmenu = new Function("alert('© Copyright by {site_name}');return false");

// -->
</script>
<style type="text/css">
<!--
.Stil1 {
	font-size: 16px;
	font-weight: bold;
}
-->
</style>

{if has_rss}
<link rel="alternate" type="application/rss+xml" title="{rss_title}" href="{rss_url}" />
{endif has_rss}
</head>
<body align="center">
<div id="wrapper">
  	<div id="header">
    	<div id="logo">
      	<a href="../../../../../Users/Nina und Benny/Desktop/mx-mysticjade/mx-mysticjade/." title=""></a>
    	</div>
    	<div id="news">
      	{BANNER1}
    	</div>
  	</div>
  	<div id="toolbar">
    	<div id="nav">
    	<table width="100%" border="0">
  <tr>
	<td><div align="center"><a href="{url_top_images}" class="common Stil1">{lang_top_images}</a></div></td>
	<td width="10"><div align="center">2</div></td>
	<td width="10"><div align="center">3</div></td>
	<td width="10"><div align="center">4</div></td>
	<td width="10"><div align="center"></div></td>
	<td width="10"><div align="center"></div></td>
	<td width="10"><div align="center"></div></td>
	<td width="10"><div align="center"></div></td>
	<td width="10"><div align="center"></div></td>
  </tr>
</table>
    	</div>
  	</div>


Aber dennoch bleibt dieser IE FEHLER
  • Zum Seitenanfang
  • Zum Seitenende

philosapiens Männlich

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

4

Freitag, 30. Mai 2008, 12:03

Hi,

schau doch mal in die site_style.htm und suche "wrapper" . Dort müßte die CSS-Anweisung für die id="wrapper" stehen. Wenn mich nicht alles täuscht, könnte man dann dort auch was mit "center" versuchen. :huh:
Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: ^^
  • Zum Seitenanfang
  • Zum Seitenende

archipage Männlich

kennt keine frische Luft

Beiträge: 456

Geschlecht: Männlich

PHPKIT Version: 1.6.1

5

Freitag, 30. Mai 2008, 12:07

ne, es geht nicht um phpkit.
bei der sache seh ich grade aber auch nichts, sry!
  • Zum Seitenanfang
  • Zum Seitenende

philosapiens Männlich

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

6

Freitag, 30. Mai 2008, 12:18

...na dann auf die harte Tour: <div id="wrapper" align="center">

Aber es sollte trotzdem irgendwo CSS definiert sein, da ja id="wrapper" irgendwo definiert werden muß. Gibt es da eine Datei.css?
Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: ^^
  • Zum Seitenanfang
  • Zum Seitenende

Fujitsu Männlich

User wurde gesperrt

Beiträge: 92

Geschlecht: Männlich

PHPKIT Version: keine

7

Freitag, 30. Mai 2008, 12:32

Wohin muss denn der Code?

PHP-Quelltext

 
1

<div id="wrapper" align="center">

Unter Body?

Layout.css

MySQL-Abfrage(n)

 
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397

/* The main body of the entire forum. */
body {
	margin: 0px;
	padding: 0px;
	background: #000000 url(images/body-bg.jpg) repeat-x;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
	line-height: 150%;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	color: #cdcdcd;
	font-size: 11px;
}

/* Tables should show empty cells. */
table {
	empty-cells: show;
}

/* Normal, standard links. */
a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #869927;
		text-decoration: none;
}

a:hover {
	color: #5f6b22;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button {
	color: #000;
	font-family: verdana, sans-serif;
}

input, button {
	font-size: 110%;
}

textarea {
	font-size: 110%;
	color: #000;
	font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check {
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	font-size: 110%;
	font-weight: normal;
	color: #000;
	font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
	height: 1px;
	border: 0;
	color: #666;
	background-color: #454545;
}

/* No image should have a border when linked */
a img {
  	border: 0;
}

/* A quote, perhaps from another post. */
.quote {
	color: #3a3a3a;
	background-color: #efefef;
	border: 1px solid #cfcfcf;
	margin: 4px;
	padding: 4px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A quote, perhaps from another post. */
.quote {
	color: #3a3a3a;
	background-color: #edebeb;
	border: 1px solid #353535;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code {
	color: #3a3a3a;
	background-color: #ddd;
	/*font-family: "courier new", "times new roman", monospace;*/
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #252525;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg {
	padding: 5px; 
	background-color: #262626;
}

.windowbg2 {
	padding: 5px;
	background-color: #303030;
}

.windowbg3 {
	padding: 5px;
	background-color: #333;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
	color: #cdcdcd;
	font-style: normal;
	background: #070707 url(images/titlebg.png) repeat-x;
	border-bottom: solid 1px #313131;
	padding-left: 10px;
	padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited {
	font-weight: bold;
	color: #cdcdcd;
	font-style: normal;
}

.titlebg a:hover {
	color: white;
}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
	color: #cdcdcd;
	font-style: normal;
	text-decoration: none;
}

.titlebg, .titlebg2 {
	font-size: 8pt;
	font-family: tahoma, sans-serif;
}

.titlebg2 a:hover {
	text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {
	background: #869927 url(images/catbg.png) repeat-x;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

.catbg2 , tr.catbg2 td {
	background: #869927 url(images/catbg.png) repeat-x;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

.catbg, .catbg2, .catbg3 {
	border-bottom: solid 1px #353535;
	font-size: 9pt;
	font-family: tahoma, sans-serif;
}

.catbg, .catbg2 {
	font-weight: bold;
}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
	font-size: 95%;
	color: white;
	text-decoration: none;
}

.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {
	color: white;
	text-decoration: none;
}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
	color: #cdcdcd;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
  	border: 1px solid #303030;
}

/* This is used on tables that should just have a border around them. */
.tborder {
	border: 1px solid #303030;
	padding: 0px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
	font-size: x-small;
	font-family: verdana, sans-serif;
}

.middletext { 
	line-height: 18px;
	text-indent: 10px;
}

.normaltext {
	font-size: small;
}

.largetext {
	font-size: large;
}

/* Layout */
#wrapper {
	width: 80%;
	margin: 0px auto 0px auto;
	border-left: solid 1px #252525;
	border-right: solid 1px #252525;
	border-top: solid 1px #252525;
}

#mainarea {
	border-top: solid 1px #333;
	background: #1a1a1a;
	padding: 1ex;
}

#toolbar {
	height: 35px;
	background: url(images/toolbar-bg.png) repeat-x;
	position: relative;
	color: #ffffff;
}

#nav {
	background: url(images/toolbar-div.png) 0 0 no-repeat;
}

#nav li {
	background: url(images/toolbar-div.png) 100% 0 no-repeat;
}

#nav li a {
	color: #FF00FF;
}

#nav a:hover {
	color: #FF00FF;
}

#nav {
	margin: 0 0 0 10px;
	padding: 0;
	height: 35px;
	text-align:center;
	
}

#nav ul {
	padding: 0;
	margin: 0;
	margin-left: 2px;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#nav a {
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}

#nav li.on li.on a {
	text-decoration: underline;
}

#nav li a {
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}

#userinfo {
	background: #1a1a1a url(images/userinfo.png) 0 0 repeat-x;
	color: #cdcdcd;
	width: 450px;
	float: left;
	padding: 20px 0 10px 25px;
}

#searchfield {
	background: #1a1a1a url(images/searchfield.png) 0 0 repeat-x;
	color: #cdcdcd;
	text-align: right;
	padding: 20px 25px 0px 5px;
}

#header {
	position: relative;
	height: 100px;
	overflow: hidden;
	background: #1a1a1a url(images/header-bg.png) repeat-x;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width:400px;
	height: 100px;
	background: url(images/logo.png) no-repeat;
}

#news {
	height: 60px;
	padding-top: 20px;
	overflow: hidden;
	margin-left: 485px;
	margin-bottom: 10px;
	margin-right: 0px;
	color: #cdcdcd;
}

#footer {
	padding: 8px 40px 10px 40px;
	font-size: x-small;
	color: #b2b2b2;
	background: #1d1d1d url(images/footer-bg.png);
}

#footer {
	border-top: solid 1px #252525;
	padding: 5px;
	text-align: center;
	font-size: x-small;
}

#footer a:link , #footer a:visited {
	color: #FFFFFF;
}

#footer a:hover {
	color: #FFFFFF;
}

#welcome {
	font-size: 1.0em;
	color: #fff;
	font-family: tahoma, sans-serif;
	float: right;
	padding: 20px 20px;
	text-align: right;
}

#welcome a:link, #welcome a:visited {
  	color: #bcbcbc;
}

#welcome a:hover {
  	text-decoration: underline;
}


Ich bin wirklich überfragt! Ich hoffe das ihr mir dabei helfen könnt das Problem zu lösen! Und danke an dierser Stelle, dass einiege von euch so hilfsbereit sind!
  • Zum Seitenanfang
  • Zum Seitenende

philosapiens Männlich

Hilfologe

Beiträge: 657

Geschlecht: Männlich

Wohnort: Berlin

PHPKIT Version: 1.6.1

8

Freitag, 30. Mai 2008, 12:43

Hi,

ich dachte, dass Du bei <div id="wrapper"> einfach die "mittiganweisung" anhängen könntest. Besser wäre es aber, das html so zu lassen und in der Layout.css zu versuchen das ganze grade zu rücken.

Versuche mal folgendes:

Suche:

Quellcode

 
1
2
3

#wrapper {
	width: 80%;
	margin: 0px auto 0px auto;


und entferne mal "0px auto", sodass es dann wie folgt aussieht:

Quellcode

 
1
2
3

#wrapper {
	width: 80%;
	margin: 0px auto;


:huh:
Leider nutze ich das phpkit immer weniger und bastele mehr Eigenes: ^^
  • Zum Seitenanfang
  • Zum Seitenende

Fujitsu Männlich

User wurde gesperrt

Beiträge: 92

Geschlecht: Männlich

PHPKIT Version: keine

9

Freitag, 30. Mai 2008, 13:20

:( ne, auch leider nichts! Hab auch Cache geleert!
Ich habe wieder mist gebaut

Gibt es da sonst nocht lösungen?
  • Zum Seitenanfang
  • Zum Seitenende

Ähnliche Themen

Tagging