Autor Beitrag
Handycommander
ontopic starontopic starofftopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 1054

Windows XP Pro, Vista
Visual Studio 2008
BeitragVerfasst: Mi 09.04.08 22:53 
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
ausblenden volle Höhe 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
ontopic starontopic starhalf ontopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 506
Erhaltene Danke: 4

Win7

BeitragVerfasst: 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;.........
Regan
ontopic starontopic starontopic starontopic starontopic starhalf ontopic starofftopic starofftopic star
Beiträge: 2157
Erhaltene Danke: 72


Java (Eclipse), Python (Sublimetext 3)
BeitragVerfasst: Do 10.04.08 09:06 
Also ich glaube es liegt am IE. Nach W3 CSS Validator ist das Dokument richtig:
jigsaw.w3.org/css-va...r/#validate_by_input.
Ich würde dir hier einfach mal ein Update auf den IE7 empfehlen.
Handycommander Threadstarter
ontopic starontopic starofftopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 1054

Windows XP Pro, Vista
Visual Studio 2008
BeitragVerfasst: 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
ontopic starontopic starhalf ontopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 506
Erhaltene Danke: 4

Win7

BeitragVerfasst: 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 Threadstarter
ontopic starontopic starofftopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 1054

Windows XP Pro, Vista
Visual Studio 2008
BeitragVerfasst: Mo 14.04.08 11:33 
hmm... was könnte es noch für gründe haben?
cms ist es keins!

mfg tobi
wunsiedler
ontopic starontopic starhalf ontopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 506
Erhaltene Danke: 4

Win7

BeitragVerfasst: 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 Threadstarter
ontopic starontopic starofftopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 1054

Windows XP Pro, Vista
Visual Studio 2008
BeitragVerfasst: Mo 14.04.08 12:27 
so sieht diese datei aus, die verschoben wird:

ausblenden volle Höhe 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
ontopic starontopic starhalf ontopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 506
Erhaltene Danke: 4

Win7

BeitragVerfasst: 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 Threadstarter
ontopic starontopic starofftopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 1054

Windows XP Pro, Vista
Visual Studio 2008
BeitragVerfasst: Mo 14.04.08 14:25 
ok, danke schonmal!
ich werde das später testen und berichten :)

mfg tobi
Handycommander Threadstarter
ontopic starontopic starofftopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 1054

Windows XP Pro, Vista
Visual Studio 2008
BeitragVerfasst: 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: phpversion.com
und so sieht mein template aus: www.openwebdesign.org/design/3302/Grassy/
vll kann da ja mal jemand nen blick drüber werfen ;)

mfg tobi
wunsiedler
ontopic starontopic starhalf ontopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 506
Erhaltene Danke: 4

Win7

BeitragVerfasst: Di 15.04.08 09:00 
Hier mal ein Ausug aus dem Template, so wie ich das Gästebuch eingefügt habe:

ausblenden 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.
Einloggen, um Attachments anzusehen!
Handycommander Threadstarter
ontopic starontopic starofftopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 1054

Windows XP Pro, Vista
Visual Studio 2008
BeitragVerfasst: 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 Threadstarter
ontopic starontopic starofftopic starofftopic starofftopic starofftopic starofftopic starofftopic star
Beiträge: 1054

Windows XP Pro, Vista
Visual Studio 2008
BeitragVerfasst: 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