• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Inhalt verrutscht

S

Stormfighter

New member
Ich habe ein Problem mit meinem Homepage design hin und wieder rutscht de rinhalt der seite nach unten rechts ab (wunderschönes Bild)
Dieses Phänomen tritt im IE7 nicht auf soweit ich es beurteilen kann aber manchmal im FI2.0 auch nicht immer^^
ich weiß ist sehr mysteriös^^
interressant ist auch das wenn die seite verrutscht ist oder auch nicht und man sie mit seite speichern unter bei firefox in top qualität ohne irgendwelche dinge die so nicht sein sollen bekommt
testen kann man es auf Klasse-NSG.de
hier die css für firefox:
Code: 
body		{	background:#777777;	
		    }
		    
#page		{	margin: 0 auto;
          margin-top:20px;
          width:709px; 
          background:url(img/main.jpg) repeat-y;
          display:table;
    		}
#header	{	background:url(img/head.jpg) no-repeat;
			    width:709px;
			    height:186px;
			    
		    }
#nav_content1     { display:table-row-group;
                  }
#nav_content2     { display:compact;
                  }
#nav_oben         { background:url(img/navi.jpg) no-repeat;
			              width:709px;
		              	height:21px;
                  }
#nav_oben div     { float:left;
                    display:table-cell;
                    text-align:center;
                  }                 
#nav_oben_button1 { width:103px;
                  }
#nav_oben_button2 { width:99px;
                  }
#nav_oben_button3 { width:103px;
                  }
#nav_oben_button4 { width:92px;
                  }
#nav_oben_button5 { width:103px;
                  }
#nav_oben_button6 { width:97px;
                  }
#nav_oben_button7 { width:112px;
                  }
#nav_rechts       { width:170px;
                    text-align:center;
                    display:table-cell;
                  }
#nav_oben a       { text-decoration : none; 
                    color:#ffffff;
                    font-size:19px;
                    font-weight:normal;
                  }  
#nav_rechts_header{ width:170px;
			              height:24px;
			              background: url(img/nav21.jpg) no-repeat;
			              font-size:19px;
			              color:#ffffff;
                  }
#nav_rechts_button{ width:170px;
			              height:20px;
			              background: url(img/nav22.jpg) no-repeat;
			              text-align:center;
			              color:#ffffff;
                  }
#nav_rechts_button a{ text-decoration : none; 
                      color:#ffffff;
                      font-weight:normal;
                    } 
#nav_rechts_content { width:150px;
			                color:#ffffff;
		                  font-size:13px;
		                  text-align:center;
                      margin-left:10px;
                    }
#content{	width:539px;
			    color:#ffffff;
			    text-align:center;
			    display:table-cell;
		    }
#login  { width:322px;
			    height:58px;
			    background: url(img/log.jpg);
			    text-align:left;
        }
#box_innen  { 
            }
#box_innen_header       { width:477px;
			                    height:61px;
			                    background:url(img/tab1.jpg) no-repeat;
			                    margin-top:10px;
                        }
#box_innen_header_links { width:133px;
		    	                height:45px;
		    	                position:relative; 
                          top:15px; 
                          left:15px; 
		    	                float:left;
		    	                font-size:25px;
		    	                font-family:"comic sans ms";
                        }
#box_innen_header_rechts{ width:313px;
			                    height:45px;
		                    	position:relative; 
                          top:15px; 
                          left:67px;	
		                    	font-size:25px;
		                    	font-family:"comic sans ms";
		                    	text-align:left;
                        }
#box_innen_content      { width:477px;
			                    text-align:left;
			                    background:url(img/tab2.jpg) repeat-y;
                        }
#box_innen_content_text { padding-top:8px;
			                    padding-left:21px;
			                    padding-right:21px;
			                    text-align:center;
                        }
#box_innen_footer       { width:477px;
			                    height:25px;
			                    background:url(img/tab3.jpg) no-repeat;
                        }
#footer	{	background:url(img/foot.jpg) no-repeat;
			    width:709px;
			    height:20px;
		    }
.login_name	{	width:76px;
			        height:15px;
			        position:relative; top:14px; left:83px;
			        border:0px;
			        background: url(img/bg.gif);
			        color:#4c4c4c;
			        font-size:9px;
		        }
.login_pass	{	width:76px;
			        height:15px;
			        position:relative; top:14px; left:117px;
			        border:0px;
			        background: url(img/bg.gif);
			        color:#4c4c4c;
			        font-size:9px;
		        }
.login_in	{	position:relative; top:17px; left:107px;
			      width:35px;
			      height:15px;
		      }
.login_out	{	position:relative; top:16px; left:130px;
			        width:39px;
			        height:14px;
		        }

#content a         { text-decoration : none; 
                  color:#ff6600;
                }
img     { border : 0px;
          margin:0px; 
 		      padding:0px;
 		}
#bold		{ font-weight:bold;
		}
#ueberschrift	{ font-weight:bold;
		  font-family:Verdana;
		  font-size:20px;
		  color:#ff6600;
		}
.underlined	{ text-decoration:underline;
		  color:#ffffff;
		  font-family:Verdana;
		  text-align:center;
		}
.boldlined	{ text-decoration:underline;
		  font-weight:bold;
		  color:#ffffff;
		  font-family:Verdana;
		  text-align:center;
		}
.kontakt	{ background-color:#4c4c4c;
		  border-width:2px;
		  border-style:solid;
		  border-color:#000000;
		  width:150px;
		  color:#ffffff;
		}
.textfeld	{ background-color:#4c4c4c;
		  border-width:0px;
		  border-style:solid;
		  width:150px;
		  height:300px;
		  color:#ffffff;
		}
.Farbe1		{ background-color:#000000;
		}
.Farbe2		{ background-color:#4c4c4c;
		}
table#sbox	{ width:100%;
		}
Hier der für den IE
Code: 
#page		{ display:table-row;
    		}
#nav_rechts       { display:table-cell;
                    float:left;
                  }

und nun noch die index datei:
Code: 
<!DOCTYPE html       PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title> Klasse-NSG.de
    </title>
    <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="author" content="segelmaex@sc-schwielochsee.de" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="description" content="Dies ist die offizielle Klassenhomepage der Klasse 10 des NSG Cottbus!" />
    <meta name="robots" content="index" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta name="robots" content="follow" />
    <link rel="stylesheet" type="text/css" href="css.css" />
    <!--[if IE]>     <style type="text/css">@import url(ie.css);</style>   <![endif]-->
  </head>
  <body>
    <div id="page">
      <div id="header">
      </div>
      <div id="nav_oben">
        <div id="nav_oben_button1">
          <a href="?id=News">News</a>
        </div>
        <div id="nav_oben_button2">
          <a href="?id=Gaestebuch">Gästebuch</a>
        </div>
        <div id="nav_oben_button3">
          <a href="?id=Forum">Forum</a>
        </div>
        <div id="nav_oben_button4">
          <a href="?id=shoutbox">Shoutbox</a>
        </div>
        <div id="nav_oben_button5">
          <a href="?id=Kontaktformular">Kontakt</a>
        </div>
        <div id="nav_oben_button6">
          <a href="?id=Impressum">Impressum</a>
        </div>
        <div id="nav_oben_button7">
          <a href="?id=picofday">Pic of the day</a>
        </div>
      </div>
      <div id="nav_content1">
        <div id="nav_content2">
          <div id="nav_rechts">
            <div id="nav_rechts_header"> HOME
            </div><br />
            <?php                 
            if(isset($_COOKIE['wbb_userid'])) {           
            if (($_COOKIE["wbb_userid"])!="0") {           
            echo'       
            <div id="nav_rechts_button"><a href="?id=Fotoalben">Bilder</a>       
            </div>       
            <div id="nav_rechts_button"><a href="?id=Termine">Termine</a>       
            </div>       
            <div id="nav_rechts_button"><a href="?id=Ausfall">Ausfall</a>       
            </div>       
            <div id="nav_rechts_button"><a href="?id=Steckbriefe">Steckbriefe</a>       
            </div>       
            <div id="nav_rechts_button"><a href="?id=Ha">Hausaufgaben</a>       
            </div>       
            <div id="nav_rechts_button">FAQ       
            </div>       
            <div id="nav_rechts_button"><a href="?id=UserCP">User CP</a>       
            </div>';         }         
            else {         
            echo'       
            <div id="nav_rechts_button"><a href="?id=Forum/register2.php">Registrieren</a>       
            </div>       
            <div id="nav_rechts_button"><a href="?id=Forum/forgotpw.php">Passwort vergessen</a>       
            </div>       <div id="nav_rechts_button">FAQ       
            </div>';         }       }       
            else {         
            echo'       
            <div id="nav_rechts_button"><a href="?id=Forum/register2.php">Registrieren</a>       
            </div>       
            <div id="nav_rechts_button"><a href="?id=Forum/forgotpw.php">Passwort vergessen</a>       
            </div>       
            <div id="nav_rechts_button">FAQ       
            </div>';       }       
            include("seiten/dbconnect.php");       
            $abfrage = "SELECT text, sonstiges FROM Optionen WHERE name = 'box1'";       
            $ergebnis = mysql_query($abfrage);       
            list($text, $sonstiges) = mysql_fetch_row($ergebnis);       
            echo"       
            <br />       
            <div id='nav_rechts_header'>$sonstiges       
            </div><br />       
            <div id='nav_rechts_content'>$text</div><br />       
            ";       
            $abfrage = "SELECT text, sonstiges FROM Optionen WHERE name = 'box2'";       
            $ergebnis = mysql_query($abfrage);       
            list($text, $sonstiges) = mysql_fetch_row($ergebnis);echo"             
            <div id='nav_rechts_header'>$sonstiges</div><br />             
            <div id='nav_rechts_content'>$text             
            ";       
            $abfrage = "SELECT text, sonstiges FROM Optionen WHERE name = 'counter'";       
            $ergebnis = mysql_query($abfrage);       
            list($text, $sonstiges) = mysql_fetch_row($ergebnis);       
            eval ($text);       
            $abfrage = "SELECT text FROM Optionen WHERE name = 'aktualisierung'";       
            $ergebnis = mysql_query($abfrage);       
            list($text) = mysql_fetch_row($ergebnis);       
            echo"Letzte Aktualisierung: $text       
            </div>";       
            ?>
          </div>
          <div id="content">
            <div align="center">
              <div id="login">
                <form action="Forum/login2.php" method="post">
                  <input class="login_name" type="text" name="l_username" />
                  <input class="login_pass" type="password"     name="l_password" /><br />
                  <?php              
                  $ident = 'id';              
                  if(isset($_GET[$ident]))                          
                  {                                 
                  $id=$_GET[$ident];                         
                  } else $id="News";          
                  echo"<input type='hidden'    name='id' value='$id'/>";                            
                  echo'    
                  <input class="login_in"    type="image"     src="img/inbut.jpg" name="submit" value="Anmelden"/>';             
                  echo "   
                  <a href='Forum/logout2.php?id=$id'><input class='login_out' type='image' src='img/outbut.jpg'/></a>";         
                  ?>
                  <input type="hidden" name="send" value="send" />
                </form>
              </div>
            </div>
            <div id="box_innen" align="center">
              <div id="box_innen_header">
                <div id="box_innen_header_links">
                </div>
                <div id="box_innen_header_rechts">
                  <?php                     
                  include("seiten/dbconnect.php");           
                  $abfrage = "SELECT name, ueberschrift FROM Seiten";           
                  $ergebnis = mysql_query($abfrage);           
                  while (list($name, $ueberschrift) = mysql_fetch_row($ergebnis)){           
                  If ($id==$name) {$db="true"; echo $ueberschrift;}             
                  }            
                  If ($db != "true") {echo $id;}         
                  ?>
                </div>
              </div>
              <div id="box_innen_content">
                <div id="box_innen_content_text">
                  <?php                 
                  $ident = 'id';             
                  if(isset($_GET[$ident]))                          
                  {                           
                  $datei="seiten/$_GET[$ident].tpl";                           
                  if (file_exists($datei))               
                  {include($datei);}             
                  }             
                  else {include('seiten/News.tpl');}                   
                  ?>
                </div>
              </div>
              <div id="box_innen_footer">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="footer">
      </div>
    </div>
  </body>
</html>
testen kann man es auf Klasse-NSG.de
Wäre echt cool wenn mir jemand helfen könnte!
Mfg Maxi
 
Zuletzt bearbeitet von einem Moderator:
Hi Maxi,

hab Eure Seite jetzt mal mehrfach im FF 2.0 und auch im IE 7 aufgerufen und bin auf den verschiedenen Seiten hin- und hergehüpft. Sieht alles gut aus, habe kein Verrutschen festgestellt.

Kannst Du einen Zusammenhang ausmachen mit irgendwelchen Umbaumaßnahmen Deinerseits? Also, hast Du vorher was geändert oder geschieht das Verrutschen sozusagen aus heiterem Himmel?

Gruß Anna
 
Hallo,

im IE6 rutscht der ganze Content nach unten links unter die Navigation...
ich nehme mal an, dass irgendein float nicht richtig gecleart ist, oder vielleicht der Content mitsamt padding/margin für IE zu breit? Da du sooo viele divs ineinander verschachtelt hast, blickt man da nicht so einfach durch, musst du selbst mal suchen und probieren...

planet4.
 
ich hasse den ie6^^
ja normaler weise den ie allgemein aber der ie7 macht ja alles perfekt^^
also das problem besteht komischerweise auch nicht bei allen pc's und ohne bestimmte vorgehensweise
das clearen is noch ne idee mal schauen danke für doe hilfe erstmal mit den divs lies sich nicht viel anders amchen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben