Homepage vertikal zentriert, warum?

AbsoluterBeginner · 16 September 2008

Hallo Zusammen,

ich habe ein Problem, und zwar ist die von mir erstellte Homepage vertikal zentriert, obwohl diese eigentlich oben beginnen soll.

Ich finde den knackpunkt, an dem es liegt nicht.

Könnt ihr mir helfen?

Vielen Dank, ich weiß nämlich wirklich nicht mehr wo es noch sein kann.

HTML:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="cgs.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<center>
<table id="Table01" width="751" height="551" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="9">
			<img src="Bilder/Index_01.gif" width="750" height="7" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="Bilder/Index_02.gif" width="740" height="1" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="Bilder/Index_03.gif" width="4" height="4" alt=""></td>
		<td rowspan="18">
			<img src="Bilder/Index_04.gif" width="6" height="543" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="6">
			<img src="Bilder/Index_05.gif" width="9" height="121" alt=""></td>
		<td colspan="4" rowspan="2">
			<img src="Bilder/Index_06.gif" width="731" height="78" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="Bilder/Index_07.gif" width="1" height="101" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/Index_08.gif" width="3" height="101" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="75" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="Bilder/Index_09.gif" width="731" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="Bilder/Index_10.gif" width="731" height="25" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="Bilder/Index_11.gif" width="735" height="5" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="Bilder/Index_12.gif" width="735" height="12" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="12" alt=""></td>
	</tr>
	<tr>
		<td rowspan="11">
			<img src="Bilder/Index_13.gif" width="8" height="421" alt=""></td>
	  <td colspan="4" rowspan="11"><table width="210" height="354" border="0" cellpadding="0" cellspacing="0" id="Menue">
        
        <tr bordercolor="0">
          <td height="6" colspan="3"><img src="Bilder/Index_14.gif" width="210" height="6"></td>
        </tr>
        <tr bordercolor="0">
          <td height="12" colspan="2"><img src="Bilder/Index_16.gif" width="205" height="12"></td>
          <td width="5"><img src="Bilder/Index_17.gif" width="5" height="12"></td>
        </tr>
        <tr bordercolor="0">
          <td width="1" height="18"><img src="Bilder/Index_18.gif" width="1" height="18"></td>
          <td width="204"><a href="http://www.xyz.de"><img src="Bilder/Index_19.gif" width="204" height="18" border="0"></a></td>
          <td><img src="Bilder/Index_17.gif" width="5" height="18"></td>
        </tr>
        <tr bordercolor="0">
          <td width="1" background="Bilder/Index_18.gif"></td>
          <td align="left" valign="top" bgcolor="#C50C1A"><p class="menue">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet...</p>  </td>
          <td width="5" background="Bilder/Index_17.gif"></td>
        </tr>
        <tr bordercolor="0">
          <td height="15"><img src="Bilder/Index_18.gif" width="1" height="15"></td>
          <td><a href="http://www.xyz.de"><img src="Bilder/Index_21.gif" width="204" height="15" border="0"></a></td>
          <td><img src="Bilder/Index_17.gif" width="5" height="15"></td>
        </tr>
        <tr bordercolor="0">
          <td width="1" background="Bilder/Index_18.gif"></td>
          <td align="left" valign="top" bgcolor="#C50C1A"><p class="menue">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet...<br>
  </p>  </td>
          <td width="5" background="Bilder/Index_17.gif"></td>
        </tr>
        <tr bordercolor="0">
          <td width="1" background="Bilder/Index_18.gif"></td>
          <td bgcolor="#C50C1A">&nbsp;</td>
          <td width="5" background="Bilder/Index_17.gif"></td>
        </tr>
        <tr bordercolor="0">
          <td height="16"><img src="Bilder/Index_18.gif" width="1" height="16"></td>
          <td bgcolor="#C50C1A"><a href="http://www.xyz.de"><img src="Bilder/Index_23.gif" width="78" height="16" border="0"></a></td>
          <td><img src="Bilder/Index_17.gif" width="5" height="16"></td>
        </tr>
        <tr bordercolor="0">
          <td height="17"><img src="Bilder/Index_18.gif" width="1" height="17"></td>
          <td bgcolor="#C50C1A"><a href="http://www.xyz.de"><img src="Bilder/Index_25.gif" width="78" height="17" border="0"></a></td>
          <td><img src="Bilder/Index_17.gif" width="5" height="17"></td>
        </tr>
        <tr bordercolor="0">
          <td height="15"><img src="Bilder/Index_18.gif" width="1" height="15"></td>
          <td bgcolor="#C50C1A"><a href="http://www.xyz.de"><img src="Bilder/Index_26.gif" width="78" height="15" border="0"></a></td>
          <td><img src="Bilder/Index_17.gif" width="5" height="15"></td>
        </tr>
        <tr bordercolor="0">
          <td height="7" colspan="3"><img src="Bilder/Index_28.gif" width="210" height="7"></td>
        </tr>
      </table></td>
		<td colspan="3" rowspan="11">&nbsp;			</td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="12" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>		<img src="Bilder/spacer.gif" width="1" height="143" alt=""><td></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="23" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="46" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="78" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="126" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="522" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="6" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</center>
</body>
</html>

Mo3b · 16 September 2008

Ich schau mir das gern an, aber so nicht!
Bitte reduziere mal den Code aufs nötigste. Schmeis soviel Inhalt raus, so das der Fehler noch auftritt.

So tust du dir selber auch einfacher ;)

Mfg Mo3b

_Thor_ · 16 September 2008

Oder einfach den Link zu diesem wunderschönen Tabellenkonstrukt posten ;)

Asterixus · 16 September 2008

Schicke uns doch mal bitte einen Link zu deiner Seite, denn wenn ich das im Firefox so abtippe, streikt er regelrecht.

AbsoluterBeginner · 16 September 2008

Danke für die schnellen Antworten

Da tritt der fehler immer noch auf.

Vielen Dank

Seite ist momentan auf einem local server, ich habe keine Möglichkeit die Seite hochzuladen.

<html>
<head>
<title>XYZ</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="cgs.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table01" width="751" height="551" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="Bilder/Index_01.gif" width="750" height="7" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="Bilder/Index_02.gif" width="740" height="1" alt=""></td>
<td colspan="2" rowspan="2">
<img src="Bilder/Index_03.gif" width="4" height="4" alt=""></td>
<td rowspan="18">
<img src="Bilder/Index_04.gif" width="6" height="543" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
</tr>

</table>
</body>
</html>

Asterixus · 16 September 2008

Also mit deinem neuen Code ist gar nichts zentral zentriert, weder IE noch FF.

Mo3b · 16 September 2008

Rück mal die css datei raus, ohne die ist es witzlos ;)

AbsoluterBeginner · 16 September 2008

http://www.bilder-hochladen.net/files/85q2-1-jpg.html

also so sieht das problem aus.

Ich möchte natürlich, dass die Homepage oben anfängt und nicht erst so weit unten.

Wisst ihr was ich meine?

_Thor_ · 16 September 2008

Mo3b schrieb:
Rück mal die css datei raus, ohne die ist es witzlos ;)

Das da ist wichtig.

AbsoluterBeginner · 16 September 2008

die css:

.menue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-indent: 0px;
margin-right: 15px;
margin-left: 10px;
margin-top: 0px;

daran kann es aber eigentlich nicht liegen, oder?

_Thor_ · 16 September 2008

An dem CSS liegt es auch nicht, kann mir momentan nur vorstellen, dass es irgenwelche unsichtbaren Grafiken sind.

Homepage vertikal zentriert, warum?

AbsoluterBeginner

Neues Mitglied

Mo3b

Mitglied

_Thor_

Aktives Mitglied

Asterixus

Aktives Mitglied

AbsoluterBeginner

Neues Mitglied

Asterixus

Aktives Mitglied

Mo3b

Mitglied

AbsoluterBeginner

Neues Mitglied

_Thor_

Aktives Mitglied

AbsoluterBeginner

Neues Mitglied

_Thor_

Aktives Mitglied

Neueste Beiträge