Website Vertikal Zentrieren

echo91

Hallö leutz hab da folgendes prob:
ich hab ne enterpage gemacht und den gesamten inhalt vertikal zentrieren
hier erstma der code wie er jetzt is:

HTML

<html>
<head>
<title>fearenterfinal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


<div align="center" style="vertical-align:middle">
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">
			[img]images/enter_01.gif[/img]</td>
		<td colspan="2" rowspan="5">
			[img]images/enter_02.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="3">
			[img]images/enter_03.gif[/img]</td>
	</tr>
	<tr>
		<td rowspan="3">
			[img]images/enter_04.gif[/img]</td>
		<td>
			<a href="http://#"
onMouseOver="image1.src='images/enter_05.gif';"
onMouseOut="image1.src='images/enter_05a.gif';">
[img]images/enter_05a.gif[/img]</a></td>
		<td rowspan="3">
			[img]images/enter_06.gif[/img]</td>
	</tr>
	<tr>
		<td>
			<a href="http://www.fear-bf2142.de.am"
onMouseOver="image2.src='images/enter_07.gif';"
onMouseOut="image2.src='images/enter_07a.gif';">
[img]images/enter_07a.gif[/img]</a></td>
	</tr>
	<tr>
		<td>
			<a href="http://www.fear-clan.de.am"
onMouseOver="image3.src='images/enter_08.gif';"
onMouseOut="image3.src='images/enter_08a.gif';">
[img]images/enter_08a.gif[/img]</a></td>
	</tr>
	<tr>
		<td colspan="5">
			[img]images/enter_09.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="4">
			[img]images/enter_10.gif[/img]</td>
		<td>
			<a href="http://www.fear-bf2142.de.am"
onMouseOver="image4.src='images/enter_11.gif';"
onMouseOut="image4.src='images/enter_11a.gif';">
[img]images/enter_11a.gif[/img]</a></td>
	</tr>
	<tr>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
	</tr>
</table>
</div>


</body>
</html>

Alles anzeigen

so wie ihr sicher seht hab ich es schon mit

Code

<div align="center" style="vertical-align:middle">

versucht funtz aba net.

kann mir vllt jemand meinen code (s.o.) so unschreiben das die site komplett zentriert is (egal ob jetzt mit oda ohne Tabelle [des was einfacher is])

danke scho ma im vorraus[/url]

hast du einen html editor??

wenn nein: beschaff dir einen und dann gibts da ne einfache funktion

echo91

HAHA, Witzig
ich hab dreamweaver8, der is gut genug.
außerdem hab ich diese funktion wenn hier enthalten noch nich gefunden. wenns da eine gibt die das obige erlaubt, dann könnt ihr mir das sagen.

omg

wie willst du es zentrieren??

einfach den text und bilder ?!?

echo91

ich hab doch gesagt: DIE GANZE PAGE
Ps: ich hab das ma jetzt hochgeladen klickt einfach ma oben auf enterpage

phore

wenn du eh schon ein tabellenlayout benutzt - mach einfach nochmal ne tabelle um deinen tabelle.

Code

<table>
<tr>
  <td>
    dein code
  </td>
</tr>
</table>

voila

echo91

hmm könnt klappen^^
ich probiers ma eben aus

echo91

mhh dann ziehts die page voll nach links
*grübel* ich kapier das nich...

driver

Code

<table border=0 width=100% height=100%>
<tr><td align=center valign=middle>
deine seite
</td></tr>
</table>

phore

valign="middle" ist überflüssig.. ist standardmässig so

echo91

soll ich denn meinen div code mit einbeziehen oda geht das ohne?

phore

geht ohne.

echo91

ok habs geschafft*freu*
der code sieht jetzt so aus

HTML

<html>
<head>
<title>fearenterfinal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


<table border=0 width="100%" height="100%">
<tr><td align=center valign=middle>
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">
			[img]images/enter_01.gif[/img]</td>
		<td colspan="2" rowspan="5">
			[img]images/enter_02.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="3">
			[img]images/enter_03.gif[/img]</td>
	</tr>
	<tr>
		<td rowspan="3">
			[img]images/enter_04.gif[/img]</td>
		<td>
			<a href="http://#"
onMouseOver="image1.src='images/enter_05.gif';"
onMouseOut="image1.src='images/enter_05a.gif';">
[img]images/enter_05a.gif[/img]</a></td>
		<td rowspan="3">
			[img]images/enter_06.gif[/img]</td>
	</tr>
	<tr>
		<td>
			<a href="http://www.fear-bf2142.de.am"
onMouseOver="image2.src='images/enter_07.gif';"
onMouseOut="image2.src='images/enter_07a.gif';">
[img]images/enter_07a.gif[/img]</a></td>
	</tr>
	<tr>
		<td>
			<a href="http://www.fear-clan.de.am"
onMouseOver="image3.src='images/enter_08.gif';"
onMouseOut="image3.src='images/enter_08a.gif';">
[img]images/enter_08a.gif[/img]</a></td>
	</tr>
	<tr>
		<td colspan="5">
			[img]images/enter_09.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="4">
			[img]images/enter_10.gif[/img]</td>
		<td>
			<a href="http://www.fear-bf2142.de.am"
onMouseOver="image4.src='images/enter_11.gif';"
onMouseOut="image4.src='images/enter_11a.gif';">
[img]images/enter_11a.gif[/img]</a></td>
	</tr>
	<tr>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
	</tr>
</table>
</td></tr>
</table>


</body>
</html>

Alles anzeigen

phore

1. das div brauchst du nicht
2. das valign="middle" auch nicht
(hab ich ja schon beides gesagt)
dann - auch wenn du die lassen würdest, nimm entweder css für beide oder html für beide, aber nicht eins so und das andere so.

HTML

<html>
<head>
<title>fearenterfinal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border=0 width="100%" height="100%">
<tr><td align=center>
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="3">
         [img]images/enter_01.gif[/img]</td>
      <td colspan="2" rowspan="5">
         [img]images/enter_02.gif[/img]</td>
   </tr>
   <tr>
      <td colspan="3">
         [img]images/enter_03.gif[/img]</td>
   </tr>
   <tr>
      <td rowspan="3">
         [img]images/enter_04.gif[/img]</td>
      <td>
         <a href="http://#"
onMouseOver="image1.src='images/enter_05.gif';"
onMouseOut="image1.src='images/enter_05a.gif';">
[img]images/enter_05a.gif[/img]</a></td>
      <td rowspan="3">
         [img]images/enter_06.gif[/img]</td>
   </tr>
   <tr>
      <td>
         <a href="http://www.fear-bf2142.de.am"
onMouseOver="image2.src='images/enter_07.gif';"
onMouseOut="image2.src='images/enter_07a.gif';">
[img]images/enter_07a.gif[/img]</a></td>
   </tr>
   <tr>
      <td>
         <a href="http://www.fear-clan.de.am"
onMouseOver="image3.src='images/enter_08.gif';"
onMouseOut="image3.src='images/enter_08a.gif';">
[img]images/enter_08a.gif[/img]</a></td>
   </tr>
   <tr>
      <td colspan="5">
         [img]images/enter_09.gif[/img]</td>
   </tr>
   <tr>
      <td colspan="4">
         [img]images/enter_10.gif[/img]</td>
      <td>
         <a href="http://www.fear-bf2142.de.am"
onMouseOver="image4.src='images/enter_11.gif';"
onMouseOut="image4.src='images/enter_11a.gif';">
[img]images/enter_11a.gif[/img]</a></td>
   </tr>
   <tr>
      <td>
         [img]images/spacer.gif[/img]</td>
      <td>
         [img]images/spacer.gif[/img]</td>
      <td>
         [img]images/spacer.gif[/img]</td>
      <td>
         [img]images/spacer.gif[/img]</td>
      <td>
         [img]images/spacer.gif[/img]</td>
   </tr>
</table>
</td></tr>
</table>
</body>
</html>

Alles anzeigen

echo91

sry hatte falsch den code falsch kopiert^^
naja jetzt hab ich deinen so wie du ihn geschickt hast genommen
THX

Tags