ilch Forum » Allgemein » HTML, PHP, SQL,... » Trotz CSS nicht Zentriert

Geschlossen
  1. #1
    User Pic
    Klo Deckel Mitglied
    Registriert seit
    09.11.2006
    Beiträge
    337
    Beitragswertungen
    0 Beitragspunkte
    Hi,
    ich habe ein Problem mit meiner Homepage. Und zwar ist Meine Seite trotz CSS nicht Zentriert.
    Hier mal das Bild mit dem Fehler und meine CSS:
    a {
    
    color: #FFFFFF;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    
    }
    
    a:hover {
    
    color: #FFFFFF;
    text-decoration: underline;
    }
    
    body {
    
    background: #919191;
    
    }
    
    #index1 {
    
    }
    
    #index2 {
    
    }
    
    #index3 {
    
    }
    
    #index4 {
    
    }
    
    #index5 {
    
    }
    
    #index6 {
    
    }
    
    #index7 {
    
    }
    
    #index8 {
    
    }
    
    #index9 {
    
    }
    
    #index10 {
    
    }
    
    #index11 {
    
    }
    
    #index12 {
    
    }
    
    a #index12 {
    color: #FFFFFF;
    text-decoration: underline;
    }
    
    #index13 {
    
    }
    
    #index14 {
    
    }
    
    #index15 {
    color: white;
    font-size: 11px;
    }
    
    #index16 {
    
    }
    
    #index17 {
    
    color: #919191;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    font-size: 9px;
    }
    
    #komplett {
    
    margin: auto;
    
    }
    
    input, textarea, select { 
    	color: #000000;  
    	font: 13px  Arial;  
    	border-color: #1b1b1b;
    	border-width: 1px;
    	border-style: solid;  
    	font-weight: none;  
    	text-decoration: none;  
    	background-color: #EFEFEF;  
    }
    
    #copyright {
    
    color: #919191;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    font-size: 9px;
    
    }
    
    
    .border { 
    	background-color: #1b1b1b; 
    }
    
    
    .Cnorm {
    	background-color: #C0C0C0;
    }
    
    
    .Chead {
    	background-color: #005794;
    	color: #FFFFFF;
    	font-size: 11px; 
    }
    
    #hmenu {
    	color: #FFFFFF; 
    	font-family:  Arial; 
    	font-size: 11px; 
    	text-decoration: none;
    }
    
    .Cmite {
    	background-color: #E5E5E5;
    }
    
    .Cdark {
    	background-color: #00A8FF;
    }


    Und die Index:
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <link rel="stylesheet" type="text/css" href="include/designs/PreDesignsV1/style.css">
    <title>{TITLE}</title>
    </head>
    
    <body style="margin:0" >
    
    <table border="0" cellpadding="0" cellspacing="0" width="950" align="center">
      <tr>
        <td id="index1" width="567" height="25" background="include/designs/PreDesignsV1/Bilder/index_01.png">{_boxes_wstatistik}</td>
        <td id="index2" width="383"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_02.png" width="383" height="25"></td>
      </tr>
      <tr>
        <td colspan="2">
          <table border="0" cellpadding="0" cellspacing="0" width="950">
            <tr>
              <td id="index3" width="702"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_03.png" width="702" height="131"></td>
              <td id="index4" width="231" background="include/designs/PreDesignsV1/Bilder/index_04.png">
                <p>{_boxes_login}</td>
              <td id="index5" width="17"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_05.png" width="17" height="131"></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <table border="0" cellpadding="0" cellspacing="0" width="950">
            <tr>
              <td id="index6" width="285"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_06.png" width="285" height="61"></td>
              <td id="index7" width="400"> <a href="http://www.rhinos-energy.com" target="_blank"><img src="http://www.rhinos-energy.com/gfx/banner/rhinos-400x60.gif" border="0"></a></td>
              <td id="index8" width="265"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_08.png" width="265" height="61"></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <table border="0" cellpadding="0" cellspacing="0" width="950">
            <tr>
              <td id="index9" width="216" height="5"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_09.png" width="216" height="5"></td>
              <td id="index10" width="469" height="5"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_10.png" width="469" height="5"></td>
              <td id="index11" width="265" height="5"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_11.png" width="265" height="5"></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td id="index12" colspan="2" background="include/designs/PreDesignsV1/Bilder/index_12.png" width="950" height="29"><marquee>{NEWSTICKER}</marquee></td>
      </tr>
    </table>
    
    <table border="0" cellpadding="0" cellspacing="0" width="950">
      <tr>
        <td width="205" valign="top" align="center">
        {_list_menunr1@
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td id="index13" width="100%" valign="middle" align="center" height="28" background="include/designs/PreDesignsV1/Bilder/index_13.png"><font color="#FFFFFF"><b>%1</b></font></td>
            </tr>
            <tr>
              <td width="100%" valign="top" align="center" background="include/designs/PreDesignsV1/Bilder/index_15.png">
                <table border="0" cellpadding="0" cellspacing="0" width="90%">
                  <tr>
                    <td width="100%">%2</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td id="index14" width="100%" height="10" background="include/designs/PreDesignsV1/Bilder/index_17.png">&nbsp;</td>
            </tr>
          </table>
          }
        </td>
        <td width="745" valign="top" align="center">
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td id="index15" width="100%" valign="middle" align="right" height="28" background="include/designs/PreDesignsV1/Bilder/index_14.png">
                <table border="0" cellpadding="0" cellspacing="0" width="80%">
                  <tr>
                    <td width="100%" id="hmenu">{HMENU}</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td id="index16" width="100%" background="include/designs/PreDesignsV1/Bilder/index_16.png" valign="top" align="center">
                <table border="0" cellpadding="0" cellspacing="0" width="95%">
                  <tr>
                    <td width="100%" valign="top" align="left">{EXPLODE}</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td id="index17" width="100%" background="include/designs/PreDesignsV1/Bilder/index_18.png" valign="top" align="center">
                <table border="0" cellpadding="0" cellspacing="0" width="98%">
                  <tr>
                    <td id="copyright" width="100%">{COPYRIGHT}</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    </body>
    
    </html>
    
    
    
             <!--
    					{_list_DDDmenupoint@
    					  <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
    					}
              //-->
              
              <!-- beispiel:
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
              
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}

    Danke schonmal für die Hilfe.

    MfG

    Klo Deckel


    verwendete ilchClan Version: 1.1

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Klo Deckel Mitglied
    Registriert seit
    09.11.2006
    Beiträge
    337
    Beitragswertungen
    0 Beitragspunkte
    Oh sry bitte verschieben in HTML, PHP, SQL,... is das Falsche Forum.
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Klo Deckel Mitglied
    Registriert seit
    09.11.2006
    Beiträge
    337
    Beitragswertungen
    0 Beitragspunkte
    Sry ich hab die falsche Index hochgeladen trauriggrumml.
    Hier die richtige:
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <link rel="stylesheet" type="text/css" href="include/designs/PreDesignsV1/style.css">
    <title>{TITLE}</title>
    </head>
    
    <body style="margin:0" >
    
    <table border="0" cellpadding="0" cellspacing="0" width="950" id="komplett">
      <tr>
        <td id="index1" width="567" height="25" background="include/designs/PreDesignsV1/Bilder/index_01.png">{_boxes_wstatistik}</td>
        <td id="index2" width="383"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_02.png" width="383" height="25"></td>
      </tr>
      <tr>
        <td colspan="2">
          <table border="0" cellpadding="0" cellspacing="0" width="950">
            <tr>
              <td id="index3" width="702"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_03.png" width="702" height="131"></td>
              <td id="index4" width="231" background="include/designs/PreDesignsV1/Bilder/index_04.png">
                {_boxes_login}</td>
              <td id="index5" width="17"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_05.png" width="17" height="131"></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <table border="0" cellpadding="0" cellspacing="0" width="950">
            <tr>
              <td id="index6" width="285"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_06.png" width="285" height="61"></td>
              <td id="index7" width="400"><a href="http://www.rhinos-energy.com" target="_blank"><img src="http://www.rhinos-energy.com/gfx/banner/rhinos-400x60.gif" border="0"></a></td>
              <td id="index8" width="265"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_08.png" width="265" height="61"></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <table border="0" cellpadding="0" cellspacing="0" width="950">
            <tr>
              <td id="index9" width="216" height="5"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_09.png" width="216" height="5"></td>
              <td id="index10" width="469" height="5"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_10.png" width="469" height="5"></td>
              <td id="index11" width="265" height="5"><img border="0" src="include/designs/PreDesignsV1/Bilder/index_11.png" width="265" height="5"></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td id="index12" colspan="2" background="include/designs/PreDesignsV1/Bilder/index_12.png" width="950" height="29"><marquee>{NEWSTICKER}</marquee></td>
      </tr>
    </table>
    
    <table border="0" cellpadding="0" cellspacing="0" width="950">
      <tr>
        <td width="205" valign="top" align="center">
        {_list_menunr1@
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td id="index13" width="100%" valign="middle" align="center" height="28" background="include/designs/PreDesignsV1/Bilder/index_13.png"><font color="#FFFFFF"><b>%1</b></font></td>
            </tr>
            <tr>
              <td width="100%" valign="top" align="center" background="include/designs/PreDesignsV1/Bilder/index_15.png">
                <table border="0" cellpadding="0" cellspacing="0" width="90%">
                  <tr>
                    <td width="100%">%2</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td id="index14" width="100%" height="10" background="include/designs/PreDesignsV1/Bilder/index_17.png">&nbsp;</td>
            </tr>
          </table>
          }
        </td>
        <td width="745" valign="top" align="center">
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td id="index15" width="100%" valign="middle" align="right" height="28" background="include/designs/PreDesignsV1/Bilder/index_14.png">
                <table border="0" cellpadding="0" cellspacing="0" width="80%">
                  <tr>
                    <td width="100%" id="hmenu">{HMENU}</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td id="index16" width="100%" background="include/designs/PreDesignsV1/Bilder/index_16.png" valign="top" align="center">
                <table border="0" cellpadding="0" cellspacing="0" width="95%">
                  <tr>
                    <td width="100%" valign="top" align="left">{EXPLODE}</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td id="index17" width="100%" background="include/designs/PreDesignsV1/Bilder/index_18.png" valign="top" align="center">
                <table border="0" cellpadding="0" cellspacing="0" width="98%">
                  <tr>
                    <td id="copyright" width="100%">{COPYRIGHT}</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    </body>
    
    </html>
    
    
    
             <!--
    					{_list_DDDmenupoint@
    					  <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
    					}
              //-->
              
              <!-- beispiel:
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
              
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten