ilch Forum » Allgemein » HTML, PHP, SQL,... » IE zeigt Text nur mittig

Geschlossen
  1. #1
    User Pic
    ThuNd3r Mitglied
    Registriert seit
    25.08.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    Hallo,

    habe das Problem das im IE der Text nur mittig angezeigt wird nur weiss ich nicht wie ich das beheben kann?
    Liegt das an der CSS datei oder an der index.htm?

    stylesheet:

    /*######################################
      Global Styles, to norm all elements
    ######################################*/
    
    /*---------------------------------------------
    Set margin padding and font stuff for every element,
    then it should not be required to set them again.
    ---------------------------------------------*/
    html,body,table,td,div,form,button,select,input,textarea,h1,h2,h3,h4,h5,h6,a,p,cite,quote,u,i {
      margin: 0px;
      padding: 0px;
      font-family: Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
      font-size: 10px;
      line-height: 120%;
      color: #fff;
    }
    
    /*---------------------------------------------
    Set body attributes color and background
    ---------------------------------------------*/
    body {
      color: #000;
      background: url(../images/bg.jpg) #333333;
    }
    
    /*---------------------------------------------
    Set as blockelements
    ---------------------------------------------*/
    h1,h2,h3,h4,h5,h6,hr,p,div,form {
      display: block;
    }
    
    /*---------------------------------------------
    Set vertical align to top, this helps if the
    text flys in the middle of a table (td). 
    ---------------------------------------------*/
    td {
      vertical-align: top;
    }
    
    /*---------------------------------------------
    Set font bold inside of this elements.
    ---------------------------------------------*/
    strong,caption,optgroup,.strong {
      font-weight: bold;
      font-style: normal;
    }
    
    /*---------------------------------------------
    Set no border for tables and images, the images
    border comes if you link any image <a href=""><img></a>
    and this sheet does make the border invisible 
    ---------------------------------------------*/
    img,table {
      border: 0px none;
    }
    
    /*---------------------------------------------
    Set a cursor for the label-TAG
    ---------------------------------------------*/
    label {
      cursor: pointer;
    }
    
    /*---------------------------------------------
    Set global style of the horizontal line
    ---------------------------------------------*/
    hr {
    	color : #000;
    	height : 1px;
    	padding : 0;
    	border-color : #000;
    	border-width : 1px 0 0 0;
    	border-style : solid;
    	margin: 3px 0 6px 0;
    }
    
    /*---------------------------------------------
    Set a square as in front of an unordered list 
    ---------------------------------------------*/
    ul li {
    	list-style: square;
    }
    
    /*---------------------------------------------
    Set general link style
    ---------------------------------------------*/
    a:link,a:visited,a:hover,a:active {
      color: #fff;
      font-weight: bold;
      text-decoration: none;
    }
    a:hover {
      color: #fff;
    }
    
    a.navlink:link, a.navlink:visited, a.navlink:hover {
      color: #fff;
      font-weight: bold;
      text-decoration: none;
    }
    a.navlink:hover, a.navlink:active {
      color: #444;
    }
    
    td.nav_bg {
      background-image:url('../images/bg_nav.gif');
      background-repeat:repeat-x;
      background-color: #f5f2f2;
      padding: 5px;
    }
    
    
    /* ##############################################
    ##############    Ilch Spalten    ###############
    ################################################# */
    
    .spalte_links {
        background: url(../images/xm01-rot_29-free.jpg) no-repeat;
        font-size: 14px;
        font-weight: bold;
        height: 45px;
        padding: 6px 0px 0px 15px;            
    }
    
    .spalte_inhalt {
        padding: 0px 10px 10px 10px;           
    }
    
    .spalte_rechts {
        background: url(../images/xm01-rot_30-free.jpg) no-repeat;
        font-size: 14px;
        font-weight: bold;
        height: 45px;
        padding: 6px 15px 0px 0px; 
        text-align:  right;           
    }
    
    .loginbox {
        text-align: center;
        padding-top: 15px;
    }
    
    
    /* ##############################################
    #############   Ilch Klassen   ##################
    ################################################# */
    
    a:hover 
    {
        text-decoration: none;
        color: #990000;
    }
    a:link {
        font-family: verdana;
        font-size: 10px;
        color: #FFFFFF;
        text-decoration: none;
    }
    a:visited {
        font-family: verdana;
        font-size: 10px;
        color: #FFFFFF;
        text-decoration: none;
    }
    a.box 
    { 
      color: #FFFFFF; 
        font-family: Verdana; 
        font-size: 10px; 
        text-decoration: none;  
    }
    a.box:hover 
    {
        text-decoration: none;
        color: #990000;
    }
    
    .Chead
    {
        color: #666666;
        background-repeat: repeat-x;
        height: 20px;
        background-color: #1D1D1D;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
        color: #666666;
        background-repeat: repeat-x;
        height: 20px;
        background-color: #1D1D1D;
        font-size: 10px;
    }
    
    .Callg
    {
      background-color: #1D1D1D;
        color: #FFFFFF;
    }
    
    .Callg td
    {
      color: #FFFFFF;
    }
    
    .Cnorm 
    {
        background-color: #1D1D1D;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
    }
    .Cmite
    {
        background-color: #1D1D1D;
        height: auto;
        width: auto;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
    }
    .Cdark
    {
        background-color: #1D1D1D;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
    }
    
    .smalfont 
    { 
        font-size: 10px;
            text-decoration: none; 
    }
    
    .border 
    { 
       background-color: #666666; 
    }
    hr 
    {
        height: 0px;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: groove;
        border-right-style: groove;
        border-bottom-style: groove;
        border-left-style: groove;
        border-top-color: #6D6C6C;
        border-right-color: #6D6C6C;
        border-bottom-color: #6D6C6C;
        border-left-color: #6D6C6C;
    }
    
    input, textarea, select
    {
        color: #FFFFFF;
        font: 12px Verdana;
        font-weight: none;
        text-decoration: none;
        background-color: #1D1D1D;
        border: 1px solid #949494;
    }


    index.htm:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    <!-----------------------------------------------------------------------------
    
       Design (c) Xtrem-Modz
    
       Das Copyright und der Link zur Seite von Xtrem-Modz darf nicht entfernt
       werden! Des Weiteren darf das Style nicht ohne unsere Genehmigung zum
       Download angeboten werden.
    
       Fragen bezüglich Anpassung bitte per Mail an unten stehende E-Mail
       Adresse oder ins Forum.
    
       Xtrem-Modz
       www.xtrem-modz.de
       support@xtrem-modz.de
    
    ----------------------------------------------------------------------------->
            
    <!------------Hier nichts ändern oder entfernen------------>	
    <html>
      <head>
        <title>{TITLE}</title>
        <meta http-equiv="title" content="{TITLE}">
        <meta http-equiv="classification" content="General">
        <meta http-equiv="pragma" content="No-Cache">
        <meta http-equiv="Content-Style-Type" content="text/css">
        <meta http-equiv="Content-Script-Type" content="text/javascript">
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        
        <link rel="stylesheet" type="text/css" href="include/designs/xm01-rot/css/stylesheet.css" media="screen">
        
        <script language="javascript" type="text/javascript" src="include/designs/xm01-rot/js/js.js"></script>
        <script language="JavaScript" type="text/javascript" src="include/designs/xm01-rot/js/buttons.js"></script>
        <script language="javaScript" type="text/javascript" src="include/designs/xm01-rot/js/menu.js"></script>
        
        <script type="text/javascript" src="include/includes/js/lightbox/js/prototype.js"></script>
        <script type="text/javascript" src="include/includes/js/lightbox/js/scriptaculous.js?load=effects"></script>
        <script type="text/javascript" src="include/includes/js/lightbox/js/lightbox.js"></script>
        <link rel="stylesheet" href="include/includes/js/lightbox/css/lightbox.css" type="text/css" media="screen" />
        
    <!------------------------>	
      </head>
      <body>
        <div align="center">
          <table width="985" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><table width="985" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><table width="985" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="31" height="23" background="include/designs/xm01-rot/images/xm01-rot_03.jpg"></td>
                  <td width="654" height="23" background="include/designs/xm01-rot/images/xm01-rot_04.jpg"><table width="654" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="7"></td>
                    </tr>
    <!------------ticker------------>	
                    <tr>
                      <td><marquee id="mar" align="middle" width="654" height="14" direction="left" scrollamount="1" scrolldelay="25">
                                                 Welcome to National Hell Warriors 
                          </marquee></td>
                    </tr>
    <!------------ticker------------>	
                  </table></td>
                  <td width="300" height="23" background="include/designs/xm01-rot/images/xm01-rot_05.jpg"></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td><table width="985" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="754" height="167" background="include/designs/xm01-rot/images/xm01-rot_07.gif"></td>
                  <td width="231" height="167" valign="top" background="include/designs/xm01-rot/images/xm01-rot_08.jpg"><table width="231" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="55"></td>
                      <td height="55"></td>
                      <td></td>
                    </tr>
    <!------------userbereich------------>	
                    <tr>
                      <td width="65" height="99"></td>
                      <td width="209" height="99" class="loginbox"><div align="center">{_boxes_login}</div></td>
                      <td></td>
                    </tr>
    <!------------userbereich------------>	
                  </table></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="4" background="include/designs/xm01-rot/images/xm01-rot_09.jpg"></td>
            </tr>
            <tr>
              <td><table width="985" border="0" cellspacing="0" cellpadding="0">
    <!------------navigations-Head------------>	
                <tr>
                  <td width="50" height="40" background="include/designs/xm01-rot/images/xm01-rot_10.jpg"></td>
                  <td width="136" height="40"><a href="javascript: showit(0)" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('main','','include/designs/xm01-rot/images/xm01-rot-h_11.jpg',1)"><img src="include/designs/xm01-rot/images/xm01-rot_11.jpg" name="main" onClick="resetit(event)"></a></td>
                  <td width="137" height="40"><a href="javascript: showit(1)" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('clan','','include/designs/xm01-rot/images/xm01-rot-h_12.jpg',1)"><img src="include/designs/xm01-rot/images/xm01-rot_12.jpg" name="clan" onClick="resetit(event)"></a></td>
                  <td width="137" height="40"><a href="javascript: showit(2)" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('server','','include/designs/xm01-rot/images/xm01-rot-h_13.jpg',1)"><img src="include/designs/xm01-rot/images/xm01-rot_13.jpg" name="server" onClick="resetit(event)"></a></td>
                  <td width="137" height="40"><a href="javascript: showit(3)" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('community','','include/designs/xm01-rot/images/xm01-rot-h_14.jpg',1)"><img src="include/designs/xm01-rot/images/xm01-rot_14.jpg" name="community" onClick="resetit(event)"></a></td>
                  <td width="350" height="40" background="include/designs/xm01-rot/images/xm01-rot_15.jpg"><table width="350" border="0" cellspacing="0" cellpadding="0">
    <!------------navigations-Head------------>	
                    <tr>
                      <td height="9"></td>
                    </tr>
    <!------------besucherzähler------------>	
                    <tr>
                      <td style="text-align: center; height: 20px; line-height: 20px;">{_boxes_statistik}</td>
                    </tr>
    <!------------besucherzähler------------>	
                  </table></td>
                  <td width="38" height="40" background="include/designs/xm01-rot/images/xm01-rot_16.jpg"></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="4" background="include/designs/xm01-rot/images/xm01-rot_17.jpg"></td>
            </tr>
            <tr>
              <td height="17" background="include/designs/xm01-rot/images/xm01-rot_18.jpg"><table width="985" border="0" cellspacing="0" cellpadding="0">
    <!------------navigation - hier nichts ändern oder entfernen------------>	
                <tr>
                  <td width="20" height="17"></td>
                  <td height="17"><div id="describe" onMouseover="clear_delayhide()" style="padding-top: 2px; padding-left: 5px;" align="left">
                      <script language="javascript1.2" type="text/javascript" src="include/designs/xm01-rot/js/menu.js"></script></div></td>
                </tr>
    <!------------------------>	
              </table></td>
            </tr>
            <tr>
              <td height="5" background="include/designs/xm01-rot/images/xm01-rot_19.jpg"></td>
            </tr>
            <tr>
              <td><table width="985" border="0" cellspacing="0" cellpadding="0">
                <tr valign="top">
                  <td width="207" background="include/designs/xm01-rot/images/xm01-rot_23.jpg"><table width="207" border="0" cellspacing="0" cellpadding="0">
    
                  
                  
    <!------------ linke spalte ------------>	               
    {_list_menunr2@
    			    <tr>
                      <td height="45" class="spalte_links">%1</td>
                    </tr>
                    <tr>
                      <td class="spalte_inhalt">%2</td>
                    </tr>
    }                
    <!------------ linke spalte ------------>
    
    
    
                  </table></td>
                  <td width="571" background="include/designs/xm01-rot/images/xm01-rot_27.jpg"><table width="571" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="125" background="include/designs/xm01-rot/images/xm01-rot_21.jpg"><table width="571" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="284" height="22">&nbsp;</td>
                          <td width="287" height="22">&nbsp;</td>
                        </tr>
                        
                        
                        
    <!------------last forum & last wars------------>
                        <tr>
                          <td width="284">{_boxes_lastforum}</td>
                          <td width="287">{_boxes_lastwars}</td>
                        </tr>
    <!------------last forum & last wars------------>
    
    
    
                      </table></td>
                    </tr>
                    
                    
    <!------------ inhalt ------------>
                    <tr>
                      <td style="padding:6px;" align="center">{EXPLODE}</td>
                    </tr>
    <!------------ inhalt ------------>
    
    
                  </table></td>
                  <td width="207" background="include/designs/xm01-rot/images/xm01-rot_24.jpg"><table width="207" border="0" cellspacing="0" cellpadding="0">
    
                  
    
    <!------------ rechte spalte ------------>                  
    {_list_menunr3@				  
                      <tr>
                        <td height="45" class="spalte_rechts">%1</td>
                      </tr>
                      <tr>
                        <td class="spalte_inhalt">%2</td>
                      </tr>
    }
    <!------------ rechte spalte ------------>
    
    
                    </table></td>
                </tr>
              </table></td>
            </tr>
    <!------------Copyright - Entfernen oder unkenntlichmachen des Bildes oder des Links zu unserer Seite ist verboten und wird bei Verstoss rechtlich verfolgt!!!------------>
            <tr>
              <td height="39" background="include/designs/xm01-rot/images/xm01-rot_28.jpg"><a href="http://www.xtrem-modz.de" target="_blank"><img src="include/designs/xm01-rot/images/xm01-rot_28.jpg" border="0"></a></td>
            </tr>
    <!------------Copyright - Entfernen oder unkenntlichmachen des Bildes oder des Links zu unserer Seite ist verboten und wird bei Verstoss rechtlich verfolgt!!!------------>
          </table></td>
        </tr>
      </table>
        </div>
      </body>
    </html>
    
    <!-----------------------------------------------------------------------------
    
       Design (c) Xtrem-Modz
    
       Das Copyright und der Link zur Seite von Xtrem-Modz darf nicht entfernt
       werden! Des Weiteren darf das Style nicht ohne unsere Genehmigung zum
       Download angeboten werden.
    
       Fragen bezüglich Anpassung bitte per Mail an unten stehende E-Mail
       Adresse oder ins Forum.
    
       Xtrem-Modz
       www.xtrem-modz.de
       support@xtrem-modz.de
    
    ----------------------------------------------------------------------------->


    Wer könnte mir da weiterhelfen so das im IE und FF alles gleich aussieht?


    verwendete ilchClan Version: 1.1

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chainy Mitglied
    Registriert seit
    26.09.2008
    Beiträge
    1.202
    Beitragswertungen
    1 Beitragspunkte
    text allign center/right austauschen? gg das was du willst natürlich
    "...mich interessiert nicht warum sich die Leute an mich erinnern, Hauptsache sie tun es!
    ----------------------GeT HaRdCoRe----------------------
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    auszug aus deiner index:

    <!------------ inhalt ------------>
                    <tr>
                      <td style="padding:6px;" align="center">{EXPLODE}</td>
                    </tr>
    <!------------ inhalt ------------>


    mach hier aus dem align="center" mal align="left">

    dann sollte alles linksbündig sein.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    ThuNd3r Mitglied
    Registriert seit
    25.08.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    Beide möglichkeiten funktionieren nicht traurig
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    das kann fast nicht sein. ist auf alles seiten der text im center oder nur bei manchen ??
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    ThuNd3r Mitglied
    Registriert seit
    25.08.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    das ist nur auf manchen seiten so. zum beispiel ist in der rechten spalte alles mittig. im content aber nicht. aber in der lastforum box ist es wieder mittig.kapier ich irgendwie nicht
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    dann hast du wohl in den boxen selbst irgendwo ein align="center" oder
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    ThuNd3r Mitglied
    Registriert seit
    25.08.2007
    Beiträge
    100
    Beitragswertungen
    0 Beitragspunkte
    werd ich mal durchsuchen aber dann müsste er es doch im FF auch so anzeigen oder nicht?
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    nicht unbedingt. wenn du in der index.htm align="left" angegeben hast, und in der box selber center, dann gibts ne überschneidung und daher die unterschiedliche ansicht...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten