nicht angemeldet
Inhalt verrutscht!
Ich habe ein Problem mit meinem Homepage design hin und wieder rutscht de rinhalt der seite nach unten rechts ab (http://klasse-nsg.de/Maxi/page.jpg) 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 http://Klasse-NSG.de hier die css für firefox:
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
#page{ display:table-row; } #nav_rechts { display:table-cell; float:left; }
und nun noch die index datei:
<!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 http://Klasse-NSG.de Wäre echt cool wenn mir jemand helfen könnte! Mfg Maxi
-
Hi.
ich weiß ist sehr mysteriös^^
Frauen mögen zeitweilig mysteriös sein, aber nicht html.
Wäre echt cool wenn mir jemand helfen könnte!
Dann will ich mal cool sein:
#nav_rechts {float: left } #footer { clear: left }Aber der Unterschied zwischen rechts und links ist dir bekannt? ;-)
vg Bud
--
Das Leben ist schön. Manchmal.