ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Footer verschiebt sich

Geschlossen
  1. #1
    User Pic
    hlx Mitglied
    Registriert seit
    10.01.2009
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    Huhu,

    wie man schon sehen kann, an der Homepage, haben wir ein Problem mit dem Footer.
    Er verschiebt sich einfach, bzw. die News schieben sich einfach nach unten als gäbe es kein geschlossenes Ende.
    Habe zur sicherheit noch ein Bild davon gemacht.

    chemi.ch.funpic.de/bilder/footerfehler.JPG

    Im Forum ist es das gleiche, dort schieben sich die Beiträge einfach unter den Footer.

    Was könnte das sein?
    Habe schon ewig lang gegoogelt und auch hier gesucht, aber bisher nichts brauchbares gefunden.


    verwendete ilchClan Version: 1.1

    betroffene Homepage: tpu-esports.de/
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    hm poste mal deine index.htm denke das da ihrgendwie der fehler ist
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    hlx Mitglied
    Registriert seit
    10.01.2009
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="include/designs/tpu-design/style.css" type="text/css" rel="stylesheet" media="screen" />
    <title>{TITLE}</title>
    </head>
    
    <body>
    	<div id="site">
        	<div id="header"></div>
            <div id="content">
            <div id="leftcol">
            	{_list_menunr1@
            	<div id="nav_head">		<div class="navhead">%1</div>		</div>
                <div id="tsviewer_bg">		<div class="com_menu">%2</div>		</div>} 
                <div id="tsviewer_head"></div>
                <div id="tsviewer_bg">		{_boxes_TSVIEWER }		</div>
            </div>
            <div id="midcol">
            	<div id="content_boxes">
                    <div id="lastnews_head"></div>
                    <div id="lastwars_head"></div>
                    <div id="lastforum_head"></div> 
                    <div id="lastnews_bg">		{_boxes_LASTNEWS}		</div>
                    <div id="lastwars_bg">		{_boxes_LASTWARS}		</div>
                    <div id="lastforum_bg">		{_boxes_LASTFORUM}		</div>
                </div>
                <div id="hmenue">		<div style="margin-left:90px; margin-top:5px;">{HMENU}</div>		</div>
                <div id="content_bg">		{EXPLODE}		</div>
            </div>
            <div id="rightcol">
            	<div id="login_head"></div>
                <div id="login_bg">		<div style="width:98%; margin-left:2px; margin-top:4px;">{_boxes_LOGIN}</div>		</div>
                <div id="poll_head"></div>
                <div id="poll_bg">		<div style="width:98%; margin-left:2px; margin-top:4px;">{_boxes_VOTE}</div>		</div>
                <div id="online_head"></div>
                <div id="online_bg">		<div style="width:98%; margin-left:2px; margin-top:4px;">{_boxes_ONLINE}</div>		</div>
                    <div id="static_head"></div>
                <div id="static_bg">		<div style="width:98%; margin-left:2px; margin-top:4px;">{_boxes_STATISTIK}</div>		</div>
                <div id="shoutbox_head"></div>
                <div id="shoutbox_bg">		<div style="width:98%; margin-left:2px; margin-top:4px;">{_boxes_SHOUTBOX}</div>		</div>
                {_list_menunr2@
                <div id="nav2_head">%1</div>
                <div id="nav2_bg">		<div style="width:98%; margin-left:2px; margin-top:4px;">%2</div>	</div>}
            </div>
            </div>
            <div id="footer"></div>
        </div>
    </body>
    </html>
    
    {_list_hmenupoint@<li><a target="%1" class="com_menu" href="%2">%3</a>|</li>||</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<li><a target="%1" class="com_menu" href="%2">%3</a>|</li>|<ul>|</ul></li>}
    {_list_vmenubegi@<ul>}
    {_list_vmenuende@</ul>}


    Edit: Im IE sieht alles ok aus, nur im FF nicht.


    Zuletzt modifiziert von hlx am 10.01.2009 - 19:10:39
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    grezz86 Mitglied
    Registriert seit
    28.04.2007
    Beiträge
    102
    Beitragswertungen
    2 Beitragspunkte
    ne auch im IE gehts net zwinker
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    hlx Mitglied
    Registriert seit
    10.01.2009
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    Bei mir gehts komischerweise im IE.


    Zuletzt modifiziert von hlx am 10.01.2009 - 19:49:09
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    hlx Mitglied
    Registriert seit
    10.01.2009
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    Niemand ne Idee was es sein könnte?
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    hlx Mitglied
    Registriert seit
    10.01.2009
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    /push
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    FynnPath Mitglied
    Registriert seit
    02.01.2008
    Beiträge
    512
    Beitragswertungen
    3 Beitragspunkte
    du müsstest iwo ne höhe eingetragen haben... poste mal die css
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    grezz86 Mitglied
    Registriert seit
    28.04.2007
    Beiträge
    102
    Beitragswertungen
    2 Beitragspunkte
    hier die css

    body {
    margin: 0 auto 0 auto;
    background-color: #1f1f1f;
    }
    
    #site {
    	margin: 0 auto 0 auto;
    	width:979px;
    	background-image:url(Bilder/background.png);
    	background-repeat:repeat-y;
    }
    
    #header {
    	background-image:url(Bilder/header.png);
    	width:979px;
    	height:170px;
    	float:left;
    }
    
    #content {
    	width:979px;
    	background-image:url(Bilder/background.png);
    	background-repeat:repeat-y;
    }
    
    #leftcol {
    	width:195px;
    	float:left;
    }
    
    #nav_head {
    	background-image:url(Bilder/nav_head.png);
    	width:195px;
    	height:30px;
    	float:left;
    }
    
    .navhead {
    	margin-top:5px;
    	margin-left:15px;
    }
    
    .button_bg {
    	background-image:url(Bilder/button_bg.png);
    	width:195px;
    	height:20px;
    	float:left;
    }
    
    #tsviewer_head {
    	background-image:url(Bilder/tsviewer_head.png);
    	width:195px;
    	height:26px;
    	float:left;
    }
    
    #tsviewer_bg {
    	background-image:url(Bilder/tsviewer_bg.png);
    	background-repeat:repeat;
    	width:195px;
    	float:left;
    }
    
    #midcol {
    	width:597px;
    	float:left;
    }
    
    #content_boxes {
    	width:597px;
    	height:124px;
    	float:left;
    }
    
    #lastnews_head {
    	background-image:url(Bilder/lastnews_head.png);
    	width:199px;
    	height:20px;
    	float:left;
    }
    
    #lastnews_bg {
    	background-image:url(Bilder/lastnews_bg.png);
    	width:199px;
    	height:104px;
    	float:left;
    }
    
    #lastwars_head {
    	background-image:url(Bilder/lastwars_head.png);
    	width:199px;
    	height:20px;
    	float:left;
    }
    
    #lastwars_bg {
    	background-image:url(Bilder/lastwars_bg.png);
    	width:199px;
    	height:104px;
    	float:left;
    }
    
    #lastforum_head {
    	background-image:url(Bilder/lastforum.png);
    	width:199px;
    	height:20px;
    	float:left;
    }
    
    #lastforum_bg {
    	background-image:url(Bilder/lastforum_bg.png);
    	width:199px;
    	height:104px;
    	float:left;
    }
    
    #hmenue {
    	background-image:url(Bilder/hmenue_bg.png);
    	width:597px;
    	height:33px;
    	float:left;
    }
    
    #content_bg {
    	background-image:url(Bilder/content_bg.png);
    	background-repeat:repeat;
    	width:597px;
    	float:left;
    	height:300px;
    	color:#929292;
    }
    
    #rightcol {
    	width:187px;
    	float:left;
    }
    
    #login_head {
    	background-image:url(Bilder/login_head.png);
    	width:187px;
    	height:24px;
    	float:left;
    }
    
    #login_bg {
    	background-image:url(Bilder/login_bg.png);
    	width:187px;
    	background-repeat:repeat;
    	float:left;
    }
    
    #poll_head {
    	background-image:url(Bilder/poll_head.png);
    	width:187px;
    	height:15px;
    	float:left;
    }
    
    #poll_bg {
    	background-image:url(Bilder/poll_bg.png);
    	width:187px;
    	background-repeat:repeat;
    	float:left;
    }
    
    #online_head {
    	background-image:url(Bilder/online_head.png);
    	width:187px;
    	height:16px;
    	float:left;
    }
    
    #online_bg {
    	background-image:url(Bilder/online_bg.png);
    	width:187px;
    	background-repeat:repeat;
    	float:left;
    }
    
    #shoutbox_head {
    	background-image:url(Bilder/shoutbox_head.png);
    	width:187px;
    	height:16px;
    	float:left;
    }
    
    #shoutbox_bg {
    	background-image:url(Bilder/shoutbox_bg.png);
    	background-repeat:repeat;
    	width:187px;
    	background-repeat:repeat;
    	float:left;
    }
    
    #static_head {
    	background-image:url(Bilder/statics_head.png);
    	width:187px;
    	height:16px;
    	float:left;
    }
    
    #static_bg {
    	background-image:url(Bilder/statics_bg.png);
    	width:187px;
    	background-repeat:repeat;
    	float:left;
    }
    
    #nav2_head {
    	background-image:url(Bilder/nav2_head.png);
    	width:187px;
    	height:16px;
    	float:left;
    	color:#FFF;
    }
    
    #nav2_bg {
    	background-image:url(Bilder/nav2_bg.png);
    	background-repeat:repeat;
    	width:187px;
    	float:left;
    }
    
    #footer {
    	background-image:url(Bilder/footer.png);
    	width:979px;
    	height:37px;
    	float:left;
    }
    
    .com_menu ul{				padding: 				0px;
    							margin:					0px;
    							margin-bottom:			0px;
    							list-style-type:		none;	}
    
    .com_menu li{				margin: 				0px;
    							padding: 				0px;
    							margin-bottom:			0px;							
    							list-style-type:		none;} 
    
    .com_menu li ul	{			margin-bottom:			0px;
    							padding: 				0px;
    							margin: 				0px;}
    
    .com_menu li li	{			margin-bottom:			0px;
    							padding: 				0px;
    							margin: 				0px;
    							margin-top:				0px;}
    								
    .com_menu li a{				margin-bottom:			0px;			
    							display:				block;
    							margin:					0px;
    							padding-top:			0px;
    							width:					195px;
    							height:					20px;
    							color: 					#ffffff;
    							text-indent:			15px;
    							font-size: 				11px;
    							font-family:	 		Arial, Helvetica, sans-serif;
    							font-weight: 			bold;
    							text-decoration: 		none;
    							background-image:url(Bilder/button_bg.png);
    }
    								
    .com_menu li a:hover{		margin-bottom:			0px;			
    							display:				block;
    							margin:					0px;
    							padding-top:			0px;
    							width:					195px;
    							height:					20px;
    							color: 					#000000;
    							text-indent:			15px;
    							font-size: 				11px;
    							font-family:	 		Arial, Helvetica, sans-serif;
    							font-weight: 			bold;
    							text-decoration: 		none;
    							background-image:url(Bilder/button_bg.png);}
    								
    .com_menu li li a{			margin-bottom:			0px;			
    							display:				block;
    							margin:					0px;
    							padding-top:			0px;
    							width:					195px;
    							height:					20px;
    							color: 					#000000;
    							text-indent:			15px;
    							font-size: 				11px;
    							font-family:	 		Arial, Helvetica, sans-serif;
    							font-weight: 			bold;
    							text-decoration: 		none;
    							background-image:url(Bilder/button_bg.png);}
    								
    .com_menu li li a:hover{	margin-bottom:			0px;			
    							display:				block;
    							margin:					0px;
    							padding-top:			0px;
    							width:					195px;
    							height:					20px;
    							color: 					#000000;
    							text-indent:			15px;
    							font-size: 				11px;
    							font-family:	 		Arial, Helvetica, sans-serif;
    							font-weight: 			bold;
    							text-decoration: 		none;
    							background-image:url(Bilder/button_bg.png);}
    							
    td 
    {
      font-family: Verdana; 
      font-size: 12px;
      color: #929292;				// Textfarbe
    }
    
    hr 
    { 
        height: 0px; 
    		border: solid #006600 0px; 
    		border-top-width: 1px; 
    }
    
    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a 
    {
      color: #c3c3c3;  				// Hyperlinks
    	font-family: Verdana; 
    	font-size: 12px; 
    	text-decoration: none; 
    }
    
    a:hover 
    {   
      text-decoration: none;  
    }
    
    a.box 
    { 
      color: #c3c3c3; 			 	// Hyperlinks bei login und menuepunkte
    	font-family: Tahoma; 
    	font-size: 12px; 
    	text-decoration: none; 
    }
    
    a.box:hover 
    {   
      text-decoration: none;  
    }
    
    .Chead
    {
      background: #181717;			// Schrift zb bei forum und Kalender
      color: #0066cc;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      background: #DBDADA;
      color: #0066cc;				// überschriften
    }
    
    .Callg
    {
      background-color: #EFEFEF;
    	color: #000000;
    }
    
    .Callg td
    {
      color: #000000;
    }
    
    .Cnorm 
    {
      background-color: #2a2a2a;
    }
    .Cmite
    {
      background-color: #2a2a2a;
    }
    .Cdark
    {
      background-color: #2a2a2a;
    }
    
    .rand
    {
      border: solid #c0c0c0 1px;
    }
    
    .smalfont 
    { 
        font-size: 12px;
    		text-decoration: none; 
    }
    
    .border 
    { 
       background-color: #2a2a2a; 
    }
    hr 
    { 
        height: 0px; 
    		border: solid #6B6B6B 0px; 
    		border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 10px Verdana;  
        border-color: #1D1D1D;		
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
        background-color: #EFEFEF;
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Klosterwurm Mitglied
    Registriert seit
    30.11.2004
    Beiträge
    354
    Beitragswertungen
    2 Beitragspunkte
    da sind paar fehler...

                {_list_menunr1@ 
                <div id="nav_head">        <div class="navhead">%1</div>        </div> 
                <div id="tsviewer_bg">        <div class="com_menu">%2</div>        </div>}


    glaube die menunr1 ist falsch deswegen fehler im footer. Habe es mal local probiert.

    Und <div id="footer"></div> steht auch irgendwie an der flaschen reihenfolge:

    </div>
    <div id="footer"></div>

    so? mm..... das menü befindet sich auch alles unterm footer/content... aber blicke da jetzt noch nicht so durch.
    Mein Funportal @ externer Link | Facebook @ Spasselite
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    grezz86 Mitglied
    Registriert seit
    28.04.2007
    Beiträge
    102
    Beitragswertungen
    2 Beitragspunkte
    sry wir haben leider gar kein Plan was wir da machen müssen?
    Vielleicht kann uns ja jemand von euch helfen, wären über jede Hilfe sehr dankbar.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten