power-box.de
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 12.05.2008, 21:30   #1
TP-Junior
 
Registriert seit: May 2008
Ort: Marburg
flixsux macht alles soweit korrekt

Website vertikal in der mitte?


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
flixsux ist offline   Mit Zitat antworten


Alt 12.05.2008, 21:42   #2
TP-Moderator
 
Benutzerbild von Adromir
 
Registriert seit: Jun 2004
Ort: Hannover
Adromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKE
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.
__________________
Je größer der Deppenfaktor, desto gigantischer das Bescheidwissergefühl
-Dieter Nuhr
Adromir ist offline   Mit Zitat antworten
Alt 12.05.2008, 21:55   #3
TP-Senior
 
Benutzerbild von Singal
 
Registriert seit: Apr 2008
Singal macht sich hier sehr viel Mühe
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.
__________________
Nomen est omen
Singal ist offline   Mit Zitat antworten
Alt 12.05.2008, 23:00   #4
TP-Senior
 
Benutzerbild von doCOMP
 
Registriert seit: Apr 2008
Ort: Los Angeles
doCOMP macht sich hier sehr viel Mühe
na dann poste mal deinen code.

(aber nur wenn du deine seite "vertikal" zentriert haben willst. Ansonsten siehe Singal's Antwort)
__________________
"Fences are made for those who cannot fly"
doCOMP ist offline   Mit Zitat antworten
Alt 13.05.2008, 18:46   #5
TP-Junior
 
Registriert seit: May 2008
Ort: Marburg
flixsux macht alles soweit korrekt
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-imageurl(Bilder/backimagepferd.jpg);
    
background-repeatrepeat;
    
margin-left0px;
    
margin-top0px;
    
margin-right0px;
    
margin-bottom0px;
}
a:link {
    
text-decorationnone;
}
a:visited {
    
text-decorationnone;
}
a:hover {
    
text-decorationnone;
}
a:active {
    
text-decorationnone;
}
.
Stil1 {
    
font-size18px;
    
font-weightbold;
}
.
Stil3 {
    
font-size20px
}
.
Stil4 {font-size20pxfont-weightbold; }
.
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> 

Geändert von Thomas (13.05.2008 um 21:20 Uhr). Grund: codebox
flixsux ist offline   Mit Zitat antworten
Alt 13.05.2008, 18:47   #6
TP-Junior
 
Registriert seit: May 2008
Ort: Marburg
flixsux macht alles soweit korrekt
Ich meinte natürlich horizontal...
Sorry
flixsux ist offline   Mit Zitat antworten
Alt 14.05.2008, 03:49   #7
TP-Specialist
 
Benutzerbild von Rinaldo
 
Registriert seit: Oct 2003
Ort: Niederbayern
Rinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine User
Reicht einmal - eben eine "Box" um Deinen kompletten Inhalt.
Rinaldo ist offline   Mit Zitat antworten
Alt 14.05.2008, 22:24   #8
TP-Junior
 
Registriert seit: May 2008
Ort: Marburg
flixsux macht alles soweit korrekt
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">
<!--
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 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">&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="clsid27CDB6E-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>
</div>
</body>
flixsux ist offline   Mit Zitat antworten
Alt 14.05.2008, 22:33   #9
TP-Veteran
 
Benutzerbild von koenixblau
 
Registriert seit: Jul 2006
Ort: Berlin
koenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKE
Hmmm, ...

Was hällst du hier von: http://www.traum-projekt.com/forum/2...tml#post850975 ?
__________________
"...me(n)talklampfengezupfe und punkligemeditationgedudel, ..."
"...Wer zu viel fragt, wird bestraft ..."


» Mögen hätt' ich schon wollen, aber dürfen hab ich mich nicht getraut. «
koenixblau ist offline   Mit Zitat antworten
Alt 15.05.2008, 01:08   #10
TP-Senior
 
Benutzerbild von doCOMP
 
Registriert seit: Apr 2008
Ort: Los Angeles
doCOMP macht sich hier sehr viel Mühe
setz' mal deinen browser zurück...
__________________
"Fences are made for those who cannot fly"
doCOMP ist offline   Mit Zitat antworten
Alt 15.05.2008, 01:34   #11
TP-Veteran
 
Benutzerbild von koenixblau
 
Registriert seit: Jul 2006
Ort: Berlin
koenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKE
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).
__________________
"...me(n)talklampfengezupfe und punkligemeditationgedudel, ..."
"...Wer zu viel fragt, wird bestraft ..."


» Mögen hätt' ich schon wollen, aber dürfen hab ich mich nicht getraut. «
koenixblau ist offline   Mit Zitat antworten
Alt 15.05.2008, 21:50   #12
TP-Junior
 
Registriert seit: May 2008
Ort: Marburg
flixsux macht alles soweit korrekt
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
flixsux ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > Dreamweaver
Website vertikal in der mitte? Website vertikal in der mitte?
« Flash Fotogalerie in CSS Stylesheet einfügen | Design Notes funktionieren nicht mehr »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:34 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67