Website vertikal in der mitte?

**flixsux** · 12.05.2008 21:30

Hallo zusammen,

ich bin Neuling und habe meine Seite einfach so mit vielen Tabellen usw. zusammengebaut.

Gerne würde ich das ganze bei größeren Bildschirmen in die Mitte bekommen, so wie bei der yahoo website funktioniert.

Ich weiß, das Thema ist schon öfters behandelt worden, aber ich verstehe da nur Bahnhof.

Wenn ich irgendeinen code von meiner Seite posten soll, so gebt mir bitte bescheid.

Ich würde mich über Hilfe wirklich sehr freuen.

Flix

**Adromir** · 12.05.2008 21:42

Mmmh, ganz ehrliche Antwort: Wenn du mit den Lösungsansätzen hier nicht verstehst, dann solltest du erstmal ein paar Grundlagen lernen. jemanden, der noch nie ein Auto gesehen hat, geschweige denn davon gehört, zu erklären, wie ein Motor aufgebaut ist, ist nur für beide Seiten anstrengend und unbefriedigent.

**Singal** · 12.05.2008 21:55

Yahoo-Site ist horizontal zentriert

.

Und wie es geht? Mit diesem Beispiel sollte jeder klar kommen.

<body style="text-align:center;">
<div style="width:760px;margin:0px auto;text-align:left;">

Fügst Du vor Deinem Tabellen-Konstrukt ein und am Ende kommt dann

</div>
</body>

Bei Problemen, die auftauchen sollten, die Site einfach mal online stellen oder den Quelltext hier reinstellen.

**doCOMP** · 12.05.2008 23:00

na dann poste mal deinen code.

(aber nur wenn du deine seite "vertikal" zentriert haben willst. Ansonsten siehe Singal's Antwort)

**flixsux** · 13.05.2008 18:46

Schon einmal vielen Dank.
Die website ist

www.sude.de

Muss ich die Sachen mehrmals eingeben, also bei jeder Tabelle oder reicht es einmal??

Danke

Der Code:

PHP-Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta name="Content-Type" content="text/html; charset=utf-8">

<meta name="Robots" content="index,follow">

<title>Pferdezucht Sude</title>

<meta name="keywords" content="Pferdezucht, Pferd, Pferde, Sude, Ritter Remus, Deckhengst, Deckhengste, Pferdekauf, Pferdeverkauf, Springpferd, Dressurpferd, Reitpferd, Fohlen, Fohlenkauf, Fohlenverkauf, Stutfohlen, Hengstfohlen, Zuchthengst, Zuchthengste">

<style type="text/css">

<!--

body {

    background-image: url(Bilder/backimagepferd.jpg);

    background-repeat: repeat;

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

}

a:link {

    text-decoration: none;

}

a:visited {

    text-decoration: none;

}

a:hover {

    text-decoration: none;

}

a:active {

    text-decoration: none;

}

.Stil1 {

    font-size: 18px;

    font-weight: bold;

}

.Stil3 {

    font-size: 20px

}

.Stil4 {font-size: 20px; font-weight: bold; }

.Stil5 {color: #FF0000}

-->

</style>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<meta name="description" content="&quot;PFERDEZUCHT ist HERZENSSACHE&quot; - Pferde für höchste Ansprüche in Sport und Freizeit aus eigener Leistungszucht."pferdezucht ist herzenssache" ...mit diesem leitspruch wird seit generationen in unserem bäuerlichen familienbetrieb erfolgreich betrieben.">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>



<body>

<table width="1014" height="157" border="6" bordercolor="#663300" bgcolor="#FF9900">

  <tr>

    <th width="1240" height="141" bordercolor="#996600" bgcolor="#996633" scope="col"><table width="968" border="0">

      <tr>

        <td width="153"><div align="center"><a href="index.html"><img src="gifs new/Start glow.gif" width="150" height="60" border="0"></a></div></td>

        <td width="116">&nbsp;</td>

        <td width="404"><div align="center"><a href="ritter_remus.html"><img src="gifs new/Ritter Remus.gif" width="320" height="60" border="0"></a></div></td>

        <td width="59">&nbsp;</td>

        <td width="214"><div align="center"><a href="kontakt.html"><img src="gifs new/kontakt.gif" width="200" height="60" border="0"></a></div></td>

      </tr>

    </table>

      <table width="948" border="0">

        <tr>

          <td width="89" height="67">&nbsp;</td>

          <td width="276"><div align="center"><a href="Erfolge.html"><img src="gifs new/Erfolge.gif" width="180" height="65" border="0"></a></div></td>

          <td width="184">&nbsp;</td>

          <td width="283"><div align="center"><a href="Verkauf.html"><img src="gifs new/Verkauf.gif" width="200" height="65" border="0"></a></div></td>

          <td width="94">&nbsp;</td>

        </tr>

      </table></th>

  </tr>

</table>

<table width="1014" height="164" border="0">

  <tr>

    <td width="320" height="156"><div align="right">

        <p> <img src="gifs new/email/herz.gif" width="120" height="120"></p>

    </div></td>

    <td width="375" nowrap><div align="center"><span class="Stil4"> "PFERDEZUCHT           ist HERZENSSACHE"</span></div></td>

    <td width="305"><div align="right">

        <p align="left" class="Stil1"><img src="gifs new/email/herz.gif" width="120" height="120"></p>

    </div></td>

  </tr>

<tr></tr>

</table>

<table width="1014" height="148" border="0">

  <tr>

    <td height="144"><div align="center">

      <p align="center" class="Stil3">...mit           diesem Leitspruch wird seit Generationen in unserem bäuerlichen Familienbetrieb           erfolgreich Pferdezucht betrieben.</p>

      <p align="center" class="Stil3">Bewährte       Stutenstämme und renommierte Hengste versprechen sportlichen Erfolg.</p>

      <p align="center" class="Stil3">In           der Regel erhalten unsere Fohlen den Hannover-Brand; einige abstammungsbedingt       den Westfalen- oder Hessenbrand.</p>

    </div></td>

  </tr>

</table>

<table width="1014" border="0">

  <tr>

    <td width="140" height="540"><div align="center">

      <p><a href="mailto:sude@sude.de"><img src="gifs new/email/fohlen vogel mail klein.gif" width="140" height="197" border="0"></a></p>

    </div></td>

    <td width="744"><div align="center">

      <script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','669','height','497','src','flash/flash intro light','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/flash intro light' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="669" height="497">

        <param name="movie" value="flash/flash intro light.swf">

        <param name="quality" value="high">

        <embed src="flash/flash intro light.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="669" height="497"></embed>

      </object>

    </noscript></div></td>

    <td width="140"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="http://cgicounter.puretec.de/cgi-bin/cnt?clsid=caf1d10fab506c3c3a2aaf936df820361" align="baseline"></font></div></td>

  </tr>

</table>

<p>&nbsp;</p>

<table width="1014" border="0">

  <tr>

    <td><div align="center">

      <table width="932" border="6" align="center" bordercolor="#663300" bgcolor="#FF9900">

        <tr>

          <td width="1034" height="373"><div align="center" class="Stil3">

              <p>Charakterfestigkeit, Leistungsvermögen und insbesondere Rittigkeit </p>

            <p>sind die  entscheidenden Kriterien für die Auswahl einer Stute zur Zucht. </p>

            <p>Bereits  in den 70er Jahren wurden Zuchtstuten aus unseren bewährten Waldecker  Stutenstämmen </p>

            <p>mit herausragenden Hengsten aus Hannover, Oldenburg und  Westfalen angepaart.</p>

            <p> So verfügen wir über Stuten und deren Nachkommen,  die die Jahrhundert-Hengste "GRAPHIT" und "FURIOSO II" </p>

            <p>ebenso im  Pedigree haben wie "RUBINSTEIN" oder "ANGARD". </p>

            <p>Der Superhengst  "RODGAU" ist ebenso mit Nachkommen vertreten </p>

            <p>wie der Charakterhengst  "PENTAGON" aus derbekannten westfälischen P-Linie, </p>

            <p>"JAZZTIME" mit  seinem Bilderbuch-Pedigree oder der Hannoveraner "FRISBEE". </p>

          </div></td>

        </tr>

      </table>

    </div></td>

  </tr>

</table>

<p>&nbsp;</p>

</body>

</html>

**flixsux** · 13.05.2008 18:47

Ich meinte natürlich horizontal...
Sorry

**Rinaldo** · 14.05.2008 03:49

Reicht einmal - eben eine "Box" um Deinen kompletten Inhalt.

**flixsux** · 14.05.2008 22:24

Danke, ich habe es probiert, siehe unten.
Im Dreamweaver ist die homepage auch schön mittig, im browser allerdings rechtsbündig...
Wahrscheinlich habe ich es an der falschen stelle eingefügt??

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Content-Type" content="text/html; charset=utf-8">
<meta name="Robots" content="index,follow">
<title>Pferdezucht Sude</title>
<meta name="keywords" content="Pferdezucht, Pferd, Pferde, Sude, Ritter Remus, Deckhengst, Deckhengste, Pferdekauf, Pferdeverkauf, Springpferd, Dressurpferd, Reitpferd, Fohlen, Fohlenkauf, Fohlenverkauf, Stutfohlen, Hengstfohlen, Zuchthengst, Zuchthengste">
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<meta name="description" content=""PFERDEZUCHT ist HERZENSSACHE" - Pferde für höchste Ansprüche in Sport und Freizeit aus eigener Leistungszucht."pferdezucht ist herzenssache" ...mit diesem leitspruch wird seit generationen in unserem bäuerlichen familienbetrieb erfolgreich betrieben.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>

<body style="text-align:center;">
<div style="width:760px;margin:0px auto;text-align:left;">
<table width="1014" height="157" border="6" bordercolor="#663300" bgcolor="#FF9900">
<tr>
<th width="1240" height="141" bordercolor="#996600" bgcolor="#996633" scope="col"><table width="968" border="0">
<tr>
<td width="153"><div align="center"><a href="index.html"><img src="gifs new/Start glow.gif" width="150" height="60" border="0"></a></div></td>
<td width="116"> </td>
<td width="404"><div align="center"><a href="ritter_remus.html"><img src="gifs new/Ritter Remus.gif" width="320" height="60" border="0"></a></div></td>
<td width="59"> </td>
<td width="214"><div align="center"><a href="kontakt.html"><img src="gifs new/kontakt.gif" width="200" height="60" border="0"></a></div></td>
</tr>
</table>
<table width="948" border="0">
<tr>
<td width="89" height="67"> </td>
<td width="276"><div align="center"><a href="Erfolge.html"><img src="gifs new/Erfolge.gif" width="180" height="65" border="0"></a></div></td>
<td width="184"> </td>
<td width="283"><div align="center"><a href="Verkauf.html"><img src="gifs new/Verkauf.gif" width="200" height="65" border="0"></a></div></td>
<td width="94"> </td>
</tr>
</table></th>
</tr>
</table>
<table width="1014" height="164" border="0">
<tr>
<td width="320" height="156"><div align="right">
<p> <img src="gifs new/email/herz.gif" width="120" height="120"></p>
</div></td>
<td width="375" nowrap><div align="center"><span class="Stil4"> "PFERDEZUCHT ist HERZENSSACHE"</span></div></td>
<td width="305"><div align="right">
<p align="left" class="Stil1"><img src="gifs new/email/herz.gif" width="120" height="120"></p>
</div></td>
</tr>
<tr></tr>
</table>
<table width="1014" height="148" border="0">
<tr>
<td height="144"><div align="center">
<p align="center" class="Stil3">...mit diesem Leitspruch wird seit Generationen in unserem bäuerlichen Familienbetrieb erfolgreich Pferdezucht betrieben.</p>
<p align="center" class="Stil3">Bewährte Stutenstämme und renommierte Hengste versprechen sportlichen Erfolg.</p>
<p align="center" class="Stil3">In der Regel erhalten unsere Fohlen den Hannover-Brand; einige abstammungsbedingt den Westfalen- oder Hessenbrand.</p>
</div></td>
</tr>
</table>
<table width="1014" border="0">
<tr>
<td width="140" height="540"><div align="center">
<p><a href="mailto:sude@sude.de"><img src="gifs new/email/fohlen vogel mail klein.gif" width="140" height="197" border="0"></a></p>
</div></td>
<td width="744"><div align="center">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','669','height','497','src','flash/flash intro light','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/flash intro light' ); //end AC code
</script><noscript><object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="669" height="497">
<param name="movie" value="flash/flash intro light.swf">
<param name="quality" value="high">
<embed src="flash/flash intro light.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="669" height="497"></embed>
</object>
</noscript></div></td>
<td width="140"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="http://cgicounter.puretec.de/cgi-bin/cnt?clsid=caf1d10fab506c3c3a2aaf936df820361" align="baseline"></font></div></td>
</tr>
</table>
<p> </p>
<table width="1014" border="0">
<tr>
<td><div align="center">
<table width="932" border="6" align="center" bordercolor="#663300" bgcolor="#FF9900">
<tr>
<td width="1034" height="373"><div align="center" class="Stil3">
<p>Charakterfestigkeit, Leistungsvermögen und insbesondere Rittigkeit </p>
<p>sind die entscheidenden Kriterien für die Auswahl einer Stute zur Zucht. </p>
<p>Bereits in den 70er Jahren wurden Zuchtstuten aus unseren bewährten Waldecker Stutenstämmen </p>
<p>mit herausragenden Hengsten aus Hannover, Oldenburg und Westfalen angepaart.</p>
<p> So verfügen wir über Stuten und deren Nachkommen, die die Jahrhundert-Hengste "GRAPHIT" und "FURIOSO II" </p>
<p>ebenso im Pedigree haben wie "RUBINSTEIN" oder "ANGARD". </p>
<p>Der Superhengst "RODGAU" ist ebenso mit Nachkommen vertreten </p>
<p>wie der Charakterhengst "PENTAGON" aus derbekannten westfälischen P-Linie, </p>
<p>"JAZZTIME" mit seinem Bilderbuch-Pedigree oder der Hannoveraner "FRISBEE". </p>
</div></td>
</tr>
</table>
</div></td>
</tr>
</table>
<p> </p>
</body>
</html>
</div>
</body>

**koenixblau** · 14.05.2008 22:33

Hmmm, ...

Was hällst du hier von: http://www.traum-projekt.com/forum/2...tml#post850975 ?

**doCOMP** · 15.05.2008 01:08

setz' mal deinen browser zurück...

**koenixblau** · 15.05.2008 01:34

Wenn man sich nur das Ende ansieht,
endeckt man noch einige andere Fehler wie bspw.
die letzten vier Zeilen.

Vielleicht wäre:

</div>
</body>
</html>

für dich eine Lösung und das bitte nur einmal (Was die Schließung von HTML und BODY betrifft)

ps:
Tabellenweite 1014px?
Was machen Webseiten-Besucher m.
einer Auflösung von 1024x768?
Der entsprechende Viewport liegt ca. bei max 1000px
(wohl wäre eine Webseitenbreite v. 950px empfehlenswerter).

**flixsux** · 15.05.2008 21:50

Vielen Dank an alle !!
Es hat funktioniert

Werde die Breite auch noch anpassen und die anderen Seiten in den nächsten Tagen.

Nochmals Danke

Flix

zur Startseite vom TP

Thema: Website vertikal in der mitte?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Website vertikal in der mitte?

Aktive Benutzer

Aktive Benutzer