Ergebnis 1 bis 6 von 6

Thema: Inhalt verrutscht

  1. #1
    Stormfighter
    Gast

    Standard Inhalt verrutscht

    Ich habe ein Problem mit meinem Homepage design hin und wieder rutscht de rinhalt der seite nach unten rechts ab ()
    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:
    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&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;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" />
        
      </head>
      <body>
        <div id="page">
          <div id="header">
          </div>
          <div id="nav_oben">
            <div id="nav_oben_button1">
              News
            </div>
            <div id="nav_oben_button2">
              Gästebuch
            </div>
            <div id="nav_oben_button3">
              Forum
            </div>
            <div id="nav_oben_button4">
              Shoutbox
            </div>
            <div id="nav_oben_button5">
              Kontakt
            </div>
            <div id="nav_oben_button6">
              Impressum
            </div>
            <div id="nav_oben_button7">
              Pic of the day
            </div>
          </div>
          <div id="nav_content1">
            <div id="nav_content2">
              <div id="nav_rechts">
                <div id="nav_rechts_header"> HOME
                </div>
    
                <?php                 
                if&#40;isset&#40;$_COOKIE&#91;'wbb_userid'&#93;&#41;&#41; &#123;           
                if &#40;&#40;$_COOKIE&#91;"wbb_userid"&#93;&#41;!="0"&#41; &#123;           
                echo'       
                <div id="nav_rechts_button">Bilder       
                </div>       
                <div id="nav_rechts_button">Termine       
                </div>       
                <div id="nav_rechts_button">Ausfall       
                </div>       
                <div id="nav_rechts_button">Steckbriefe       
                </div>       
                <div id="nav_rechts_button">Hausaufgaben       
                </div>       
                <div id="nav_rechts_button">FAQ       
                </div>       
                <div id="nav_rechts_button">User CP       
                </div>';         &#125;         
                else &#123;         
                echo'       
                <div id="nav_rechts_button">Registrieren       
                </div>       
                <div id="nav_rechts_button">Passwort vergessen       
                </div>       <div id="nav_rechts_button">FAQ       
                </div>';         &#125;       &#125;       
                else &#123;         
                echo'       
                <div id="nav_rechts_button">Registrieren       
                </div>       
                <div id="nav_rechts_button">Passwort vergessen       
                </div>       
                <div id="nav_rechts_button">FAQ       
                </div>';       &#125;       
                include&#40;"seiten/dbconnect.php"&#41;;       
                $abfrage = "SELECT text, sonstiges FROM Optionen WHERE name = 'box1'";       
                $ergebnis = mysql_query&#40;$abfrage&#41;;       
                list&#40;$text, $sonstiges&#41; = mysql_fetch_row&#40;$ergebnis&#41;;       
                echo"       
                
           
                <div id='nav_rechts_header'>$sonstiges       
                </div>
           
                <div id='nav_rechts_content'>$text</div>
           
                ";       
                $abfrage = "SELECT text, sonstiges FROM Optionen WHERE name = 'box2'";       
                $ergebnis = mysql_query&#40;$abfrage&#41;;       
                list&#40;$text, $sonstiges&#41; = mysql_fetch_row&#40;$ergebnis&#41;;echo"             
                <div id='nav_rechts_header'>$sonstiges</div>
                 
                <div id='nav_rechts_content'>$text             
                ";       
                $abfrage = "SELECT text, sonstiges FROM Optionen WHERE name = 'counter'";       
                $ergebnis = mysql_query&#40;$abfrage&#41;;       
                list&#40;$text, $sonstiges&#41; = mysql_fetch_row&#40;$ergebnis&#41;;       
                eval &#40;$text&#41;;       
                $abfrage = "SELECT text FROM Optionen WHERE name = 'aktualisierung'";       
                $ergebnis = mysql_query&#40;$abfrage&#41;;       
                list&#40;$text&#41; = mysql_fetch_row&#40;$ergebnis&#41;;       
                echo"Letzte Aktualisierung&#58; $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" />
    
                      <?php              
                      $ident = 'id';              
                      if&#40;isset&#40;$_GET&#91;$ident&#93;&#41;&#41;                          
                      &#123;                                 
                      $id=$_GET&#91;$ident&#93;;                         
                      &#125; 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 "   
                      <input class='login_out' type='image' src='img/outbut.jpg'/>";         
                      ?>
                      <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&#40;"seiten/dbconnect.php"&#41;;           
                      $abfrage = "SELECT name, ueberschrift FROM Seiten";           
                      $ergebnis = mysql_query&#40;$abfrage&#41;;           
                      while &#40;list&#40;$name, $ueberschrift&#41; = mysql_fetch_row&#40;$ergebnis&#41;&#41;&#123;           
                      If &#40;$id==$name&#41; &#123;$db="true"; echo $ueberschrift;&#125;             
                      &#125;            
                      If &#40;$db != "true"&#41; &#123;echo $id;&#125;         
                      ?>
                    </div>
                  </div>
                  <div id="box_innen_content">
                    <div id="box_innen_content_text">
                      <?php                 
                      $ident = 'id';             
                      if&#40;isset&#40;$_GET&#91;$ident&#93;&#41;&#41;                          
                      &#123;                           
                      $datei="seiten/$_GET&#91;$ident&#93;.tpl";                           
                      if &#40;file_exists&#40;$datei&#41;&#41;               
                      &#123;include&#40;$datei&#41;;&#125;             
                      &#125;             
                      else &#123;include&#40;'seiten/News.tpl'&#41;;&#125;                   
                      ?>
                    </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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Registriert seit
    20.02.2005
    Beiträge
    120
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    sieht auf den ersten Blick nach einen Pixel-fehler aus ... irgendwo ein Pixel zuviel, wodurch der Inhalt verrutscht ...

    *Quelltext durchsuch* ...

    Setz mal probehalber die Breite folgender Klassen um 1 Pixel herab:
    (ehemals 170px bzw. 539px)
    Code:
    #nav_rechts       &#123; width&#58;169px;
                        text-align&#58;center;
                        display&#58;table-cell;
                      &#125;
    Code:
    #content&#123;   width&#58;538px;
                 color&#58;#ffffff;
                 text-align&#58;center;
                 display&#58;table-cell;
              &#125;
    wenn das nicht hilft, dann ist nochmal ein scharfer Blick angesagt ...
    SELFHTML - Die Energie des Verstehens
    HTML-Validator
    CSS-Validator
    Links zu CSS-Lösungen für allerlei Probleme

  3. #3
    Gast

    Standard

    habe das mal gemacht und habe bei
    #box_innen {
    }
    noch
    #box_innen { width:535px;
    }

  4. #4
    Gast

    Standard

    ich vergaß zu schreiben das dies anscheinend die lösung war

  5. #5
    Gast

    Standard

    leider doch nicht habe mich geirrt

  6. #6
    Gast

    Standard

    noch jemand ne idee

Ähnliche Themen

  1. Tabelle verrutscht
    Von Vivi im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 28.05.2007, 02:28
  2. mein menü verrutscht
    Von n0b0dy im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.03.2007, 20:10
  3. Layout verrutscht
    Von Chrissi91 im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 19.01.2007, 14:19
  4. design verrutscht
    Von sebrA im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 21.11.2005, 12:53
  5. Tabelle verrutscht
    Von Janet im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 15.08.2005, 15:06

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •