Entwickler-Ecke
Off Topic - css file und ie...
Handycommander - Mi 09.04.08 22:53
Titel: css file und ie...
hi,
ich hab ein css file...
es werden alle seiten einwandfrei und ohne fehler im ie6 dargestellt... jedoch bei 2 seiten, verschiebt der ie6 mein design komplett auf 0px, 0px an den oberen linken rand!
ich seh den fehler einfach nicht... :(
kann mal jemand schnell drüber schauen, ob ihn jemand entdeckt?
danke schonmal!
mfg tobi
Quelltext
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:
| /* Misc. */
* {
margin:0;
padding:100px;
}
body {
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#2D302C;
background-image:url(../images/bg-body.gif);
color:#222222;
}
a {
color:#222222;
text-decoration:none;
}
a:hover {
color:#CCDE8D;
}
img {
border:0;
}
p {
margin-bottom:20px;
line-height:20px;
}
/* Structure */
#wrapper {
margin:0 auto;
width:780px;
background-color:#261400;
background-image:url(../images/bg-wrapper.gif);
background-repeat:repeat-y;
background-position:right;
border-left:1px solid #CCDE8D;
border-right:1px solid #CCDE8D;
}
#header {
height:140px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
padding:0 10px;
}
#nav {
height:35px;
line-height:35px;
background-image:url(../images/bg-navigation-bar.gif);
background-repeat:repeat-x;
padding:0 10px;
}
#sidebar {
float:right;
width:180px;
background-color:#ffffff;
min-height:210px;
border:1px solid #2D302C;
margin:10px 10px 0 10px;
padding:5px;
min-height:210px;
}
#content {
width: 533px;
background-color:#ffffff;
min-height:800px;
border:1px solid #2D302C;
margin:10px 10px 0 10px;
padding:5px;
}
#footer {
clear:both;
text-align:right;
padding:10px;
margin-top:-10px;
color:#ffffff;
font-size:11px;
line-height:15px;
}
#footer-links {
float:left;
line-height:30px;
}
/* Navigation */
#nav ul {
list-style-type:none;
}
#nav li {
float:left;
text-align:center;
margin-right:10px;
text-transform:uppercase;
}
#nav li a {
display:block;
padding:0 15px;
font-size:10px;
color:#ffffff;
text-decoration:none;
}
#nav li a:hover {
background-image:url(../images/bg-navigation-bar-hover.gif);
background-position:center;
background-repeat:no-repeat;
color:#222222;
}
/* Sidebar */
#sidebar ul {
list-style-type:none;
margin-bottom:20px;
}
#sidebar li {
}
/* Headings */
h1 a {
color:#432300;
text-decoration:none;
font-weight:normal;
font-size:24px;
}
h2 {
color:#432300;
text-decoration:none;
font-weight:normal;
font-size:20px;
}
h3 a {
font-size:30px;
font-weight:normal;
letter-spacing:-1px;
color:#ffffff;
text-decoration:none;
}
/* Extra's */
.title1 {
color:#ffffff;
}
.title2 {
color:#222222;
font-style:italic;
}
.description {
font-size:12px;
font-style:italic;
color:#ffffff;
padding-left:20px;
}
.meta {
color:#777777;
border-bottom:1px dashed #777777;
padding-bottom:2px;
margin-bottom:8px;
}
.comments {
margin-top:-10px;
text-align:right;
margin-bottom:20px;
}
.comments a {
text-decoration:underline;
}
#footer-links a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
#footer-links a:hover {
color:#CCDE8D;
}
td,table,input,select,textarea {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px;
}
table {
background: #FFFFFF;
}
table.post {
background: #FFFFFF;
}
table.msg_header {
background: #e8ca22;
}
td.msg_header {
background: #e8ca22;
}
td.msg_post {
background: #FFFFFF;
}
td.msg_links {
background: #FFFFFF;
}
td.msg_add_message {
background: #FFFFFF;
} |
wunsiedler - Do 10.04.08 08:50
Titel: evtl. so:
Evtl. liegts an
margin:0; -> margin:0px;
und schreib das mal ins body mit rein
body{ margin: 0px;.........
Handycommander - Do 10.04.08 10:49
wenn ich margin und padding weglassen, dann macht der ie mit dem design doch irgendwas oder nicht?
die seite is ja nicht ganz am rand, sondern eher zentriert in der mitte!
der ie7 stellt das komischerweise auch falsch dar.
firefox stellt es richtig dar...
es ist auch nur in den 2 seiten fürs gästebuch, in den anderen seiten stellt der ie es richtig dar!
mfg tobi
wunsiedler - Do 10.04.08 11:00
Vielleicht befinden sich ja noch irgendwelche Stylesheet direkt im Quelltext. Das obige CSS sieht aus wie aus einem CMS. Benutzt Du eins? Es kann ja noch weitere Gründe geben, muss nicht zwingend css dran schuld sein.
Handycommander - Mo 14.04.08 11:33
hmm... was könnte es noch für gründe haben?
cms ist es keins!
mfg tobi
wunsiedler - Mo 14.04.08 11:36
...müsste man halt auch mal die datei sehen, die verschoben wird. vielleicht ist ja da der fehler.
Handycommander - Mo 14.04.08 12:27
so sieht diese datei aus, die verschoben wird:
Quelltext
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:
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../css/style.css" type="text/css" />
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>
<link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
<!--
body {
background-color: #0033CC;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div style="padding-top:35px;">
<h3> </h3>
</div>
<div class="description"></div>
</div>
<div id="nav">
<ul>
<li><a href="../index.php">Home</a></li>
<li><a href="../auto.php">Der Leo</a></li>
<li><a href="../gallery.php">GallerIE</a></li>
<li><a href="../prosperities.php">Erfolge</a></li>
<li><a href="../friends.php">Friends</a></li>
<li><a href="../links.php">Links</a></li>
<li><a href="../guestbook/index.php">GÄstebuch</a></li>
<li><a href="../contact.php">Kontakt</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Statistik</h2>
<ul>
<p><span class="msg_post">Unsere Besucher haben insgesamt <b>2</b> Nachrichten geschrieben
Insgesamt sind <b>1</b> User online
Höchstzahl der User online waren <b>2</b> An Mar 07 2008 22:48 PM </span></p>
</ul>
</div>
<div id="content">
<div class="entry">
<h1><a href="#">Gästebuch</a></h1><div class="meta"></div>
<table width="97%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"><table align="center" width="540" border="0" cellpadding="3" cellspacing="0">
<tr>
<form action="index.php" method="GET">
<td width="54" align="left" class="msg_add_message">
<!--Search : <input type="text" name="search"><input type="submit" value="Go!">--> </td>
</form>
<td width="474" align="right" class="msg_add_message">
<a href="add_message.php">neue Nachricht schreiben</a> </td>
</tr>
</table>
<table class="post" align="center" width="540" border="0" cellpadding="3" cellspacing="1">
<tr>
<td width="157" class="msg_header">
Rafael </td>
<td width="368" class="msg_header">
<table class="msg_header" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left">
Apr 06 2008 18:13 PM
</td>
<td align="right">
Eintrag #6
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="157" class="msg_post" valign="top">
</a><br>
<A target="_blank" rel="nofollow" href="redirect.php"><img src='images/email.png' border='0' alt=''></a>
<A target="_blank" rel="nofollow" href="redirect.php"><img src='images/www.png' border='0' alt=''></a>
<br>
</td>
<td width="368" class="msg_post" valign="top">
<img src=' images/smilies/icon_wink.gif' alt='Wink' title='Wink'>
</td>
</tr>
<tr>
<td width="157" class="msg_header">
Admin </td>
<td width="368" class="msg_header">
<table class="msg_header" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left">
Mar 23 2008 13:30 PM
</td>
<td align="right">
Eintrag #1
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="157" class="msg_post" valign="top">
<A target="_blank" rel="nofollow" href="redirect.php"><img src='images/email.png' border='0' alt=''></a>
<A target="_blank" rel="nofollow" href="redirect.php"><img src='images/www.png' border='0' alt=''></a>
<br>
</td>
<td width="368" class="msg_post" valign="top">
<img src=' images/smilies/icon_cool.gif' alt='Cool' title='Cool'>
</td>
</tr>
</table>
<table align="center" width="540" border="0" cellpadding="3" cellspacing="0">
<tr>
<td width="534" align="right" class="msg_links">
</td>
</tr>
</table>
<!--<table class="post" align="center" width="540" border="0" cellpadding="3" cellspacing="1">
<tr>
<td colspan=2 align="left" class="msg_header">
<!--<b>Wer ist online</b>-->
<!-- </td>
</tr>
<tr>
<!--<td width="44" align="center" class="msg_post">-->
<!--<img src='images/stats.png' width=30 height=30 alt=''> </td>-->
<!--<td width="481" align="left" class="msg_post"> </td>-->
<!-- </tr>
</table>-->
</th>
</tr>
</table>
</div>
</div>
<div id="footer">
<div id="footer-links">
<a href="../index.php">Home</a> · <a href="../auto.php"></a> · <a href="../gallery.php">Gallerie</a> · <a href="../prosperities.php">Erfolge</a> · <a href="../friends.php">Friends</a> · <a href="../links.php">Links</a> · <a href="../guestbook/index.php">Gästebuch</a> · <a href="../contact.php">Kontakt</a></div>
</div>
</div>
</body>
</html>
<!--
We request you retain the full copyright notice below including the link to phpversion.com.
This not only gives respect to the large amount of time given freely by the developers
but also helps build interest, traffic and use of Free PHP VX Guestbook. If you cannot (for good
reason) retain the full copyright we request you at least leave in place the
Powered by Free PHP VX Guestbook line, with Free PHP VX Guestbook linked to phpversion.com. If you refuse
to include even this then support on our forums may be affected.
The PHPVersion.Com : 2007
// -->
<!--Powered by <a href="http://phpversion.com">Free PHP VX Guestbook</a> | <a href="http://nupolls.com">Free polls</a> <noscript><a href="http://hentaicomix.net">hentai movies</a></noscript>--> |
mfg tobi
wunsiedler - Mo 14.04.08 13:31
mhh...lässt man zeile 6-9 weg, dann funktioniert padding 100. es wird noch eine lightbox.css aufgerufen. evtl. verursacht die diesen effekt und überschreibt das padding 100.
Handycommander - Mo 14.04.08 14:25
ok, danke schonmal!
ich werde das später testen und berichten :)
mfg tobi
Handycommander - Di 15.04.08 07:27
hab jetzt mal die zeilen 6-9 weggelassen... bringt aber dennoch keine verbesserung... sieht immer noch so aus...
hier ist der link zu dem gästebuch, das ich benutzte:
http://phpversion.com
und so sieht mein template aus:
http://www.openwebdesign.org/design/3302/Grassy/
vll kann da ja mal jemand nen blick drüber werfen ;)
mfg tobi
wunsiedler - Di 15.04.08 09:00
Hier mal ein Ausug aus dem Template, so wie ich das Gästebuch eingefügt habe:
XML-Daten
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
| <div id="content">
<div class="entry">
<h1><a href="#">Gästebuch</a></h1>
<div class="meta">
Posted on 15.April 2008
</div>
<?include("gb/index.php");?>
<div class="comments">
<a href="#">3 comments</a> · <a href="#">Templates</a>
</div>
</div> |
Das Bild im Anhang zeigt das Ergebniss. Ich habe das Gästebuch nicht eingerichtet, deshalb die Fehlermeldungen, aber bei mir wird nichts verschoben.
Handycommander - Di 15.04.08 10:50
ah ok, dann weiß ich schon was ich falsch gemacht habe ;)
ich hab die datei nicht per include eingebunden, sondern hab meine komplette seite in dem template des gästebuches geschrieben xD
danke für die info und die hilfe =)
ich werd das heute abend gleich nach der arbeit testen :)
mfg tobi
Handycommander - Mi 16.04.08 07:25
danke nochmal!! :)
hat jetzt geklappt... hab das gästebuch nochmal neu aufgesetzt und dann die seiten per include eingebunden... jetzt verschiebt sich da nichts mehr :)
mfg tobi
Entwickler-Ecke.de based on phpBB
Copyright 2002 - 2011 by Tino Teuber, Copyright 2011 - 2025 by Christian Stelzmann Alle Rechte vorbehalten.
Alle Beiträge stammen von dritten Personen und dürfen geltendes Recht nicht verletzen.
Entwickler-Ecke und die zugehörigen Webseiten distanzieren sich ausdrücklich von Fremdinhalten jeglicher Art!