TP Underground Lounge 07/08
-

Zurück   TP Hilfe Forum > Web-Editoren & Coding > Dreamweaver
Website im Browser zentriert - aber wie? Website im Browser zentriert - aber wie?

Hinweise


Willkommen im TP-Hilfe-Forum!
Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst.

Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team.

Viel Spaß bei Traum-Projekt.com


Seite 1 von 2 1 2 >
Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 20.04.2008, 21:17   #1
TP-Junior
 
Benutzerbild von Shagnar
 
Registriert seit: Apr 2008
Shagnar macht alles soweit korrekt

Website im Browser zentriert - aber wie?

Hallo zusammen

Leider bin ich ein absoluter Dreamweaver-Noob und wäre froh, wenn mir jemand erklären könnte, wie ich meine Webseite im Browserfenster zentriert bekomme. Die Suchenfunktion spuckt zwar einiges aus, nur bringt mich das auch nicht viel weiter, da ich kein HTML kann, noch die meisten der Ausführungen schnall.

Habe die Seite im Fireworks erstellt, segmentiert und dann mit HTML, Segmenten usw. exportiert. Im Dreamweaver habe ich das Ganze dann in eine Tabelle (100% Breite) gesetzt, die wenigstens für ne horizontale Zentrierung sorgt, was auch prima funktioniert. Jetzt hätte ich natürlich gerne, dass sich die Seite auch vertikal, je nach Bildschirmauflösung, im Browser zentriert und hab null Plan wie ich das machen soll.

Hoffe ihr könnt mir helfen und bedanke mich schon mal für die Antworten.
Shagnar ist offline   Mit Zitat antworten


Alt 20.04.2008, 21:53   #2
TP-Special Mod
TP-Sponsor
 
Benutzerbild von Thomas
 
Registriert seit: May 2001
Ort: Arnsberg - Sauerland
Thomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine User
moin auch

schau mal genau dieses Beispiel
Thomas ist gerade online   Mit Zitat antworten
Alt 20.04.2008, 22:35   #3
TP-Junior
 
Benutzerbild von Shagnar
 
Registriert seit: Apr 2008
Shagnar macht alles soweit korrekt
Ganz ehrlich? Ich verstehe nur Bahnhof!

Womöglich wäre es hilfreich wenn ich meinen HTML-Code hier poste, damit mir jemand sagen kann, wo ich was einfügen muss. Damit wäre mir sehr geholfen und irgendwie bekomme ich den Rest dann schon gebacken.

HTML-Code:
<table width="100%" height="100%" border="0">
  <tr>
    <td>
      
      <div align="center">
        <table border="0" cellpadding="0" cellspacing="0" width="1060">
          <tr>
            <td><img src="bilder/spacer.gif" width="50" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="80" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="40" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="40" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="80" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="50" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="1" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="12"><img name="alurahmen_oben" src="bilder/alurahmen_oben.jpg" width="1060" height="50" border="0" id="alurahmen_oben" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="50" border="0" alt="" /></td>
          </tr>
          <tr>
            <td rowspan="5"><img name="alurahmen_links" src="bilder/alurahmen_links.jpg" width="50" height="460" border="0" id="alurahmen_links" alt="" /></td>
            <td colspan="3"><img name="titel_01" src="bilder/titel_01.gif" width="320" height="39" border="0" id="titel_01" alt="" /></td>
            <td colspan="4"><img name="titel_02" src="bilder/titel_02.gif" width="320" height="39" border="0" id="titel_02" alt="" /></td>
            <td colspan="3"><img name="titel_03" src="bilder/titel_03.gif" width="320" height="39" border="0" id="titel_03" alt="" /></td>
            <td rowspan="5"><img name="alurahmen_rechts" src="bilder/alurahmen_rechts.jpg" width="50" height="460" border="0" id="alurahmen_rechts" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="39" border="0" alt="" /></td>
          </tr>
          <tr>
            <td><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','bilder/home_maus.jpg',1)"><img src="bilder/home.jpg" name="home" width="120" height="26" border="0" id="home" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','bilder/news_maus.jpg',1)"><img src="bilder/news.jpg" name="news" width="120" height="26" border="0" id="news" /></a></td>
            <td colspan="2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ueber uns','','bilder/ueberuns_maus.jpg',1)"><img src="bilder/ueberuns.jpg" name="ueber uns" width="120" height="26" border="0" id="ueber uns" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('bang &amp; olufsen','','bilder/bang&amp;olufsen_maus.jpg',1)"><img src="bilder/bang&amp;olufsen.jpg" name="bang &amp; olufsen" width="120" height="26" border="0" id="bang &amp; olufsen" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('beoliving','','bilder/beoliving_maus.jpg',1)"><img src="bilder/beoliving.jpg" name="beoliving" width="120" height="26" border="0" id="beoliving" /></a></td>
            <td colspan="2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('marken','','bilder/marken_maus.jpg',1)"><img src="bilder/marken.jpg" name="marken" width="120" height="26" border="0" id="marken" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('occasionscenter','','bilder/occasion_maus.jpg',1)"><img src="bilder/occasion.jpg" name="occasionscenter" width="120" height="26" border="0" id="occasionscenter" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','bilder/kontakt_maus.jpg',1)"><img src="bilder/kontakt.jpg" name="kontakt" width="120" height="26" border="0" id="kontakt" /></a></td>
            <td><img src="bilder/spacer.gif" width="1" height="26" border="0" alt="" /></td>
          </tr>
          <tr>
            <td><img src="bilder/untermenue_01.jpg" alt="" name="untermenue_01" width="120" height="19" border="0" id="untermenue_01" /></td>
            <td><img src="bilder/untermenue_02.jpg" alt="" name="untermenue_02" width="120" height="19" border="0" id="untermenue_02" /></td>
            <td colspan="2"><img src="bilder/untermenue_03.jpg" alt="" name="untermenue_03" width="120" height="19" border="0" id="untermenue_03" /></td>
            <td><img src="bilder/untermenue_04.jpg" alt="" name="untermenue_04" width="120" height="19" border="0" id="untermenue_04" /></td>
            <td><img src="bilder/untermenue_05.jpg" alt="" name="untermenue_05" width="120" height="19" border="0" id="untermenue_05" /></td>
            <td colspan="2"><img src="bilder/untermenue_06.jpg" alt="" name="untermenue_06" width="120" height="19" border="0" id="untermenue_06" /></td>
            <td><img src="bilder/untermenue_07.jpg" alt="" name="untermenue_07" width="120" height="19" border="0" id="untermenue_07" /></td>
            <td><img name="untermenue_08" src="bilder/untermenue_08.jpg" width="120" height="19" border="0" id="untermenue_08" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="19" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="10"><img name="trennlinie" src="bilder/trennlinie.gif" width="960" height="6" border="0" id="trennlinie" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="6" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="10"><img name="inhaltsfenster" src="bilder/inhaltsfenster.gif" width="960" height="370" border="0" id="inhaltsfenster" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="370" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="12"><img name="alurahmen_unten" src="bilder/alurahmen_unten.jpg" width="1060" height="50" border="0" id="alurahmen_unten" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="50" border="0" alt="" /></td>
          </tr>
        </table>
    </div></td>
  </tr>
</table>
Shagnar ist offline   Mit Zitat antworten
Alt 20.04.2008, 22:52   #4
TP-Special Mod
TP-Sponsor
 
Benutzerbild von Thomas
 
Registriert seit: May 2001
Ort: Arnsberg - Sauerland
Thomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine User
einfach den Beispielcode und deinen code (richtig) zusammenmischen

versuch mal so:

PHP-Code:
<table width="100%" height="100%" border="0">
  <tr>
    <td>
      
        <td align="center" valign="middle"><table width="1060" border="0">
          <tr>
            <td><img src="bilder/spacer.gif" width="50" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="80" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="40" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="40" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="80" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="50" height="1" border="0" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="1" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="12"><img name="alurahmen_oben" src="bilder/alurahmen_oben.jpg" width="1060" height="50" border="0" id="alurahmen_oben" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="50" border="0" alt="" /></td>
          </tr>
          <tr>
            <td rowspan="5"><img name="alurahmen_links" src="bilder/alurahmen_links.jpg" width="50" height="460" border="0" id="alurahmen_links" alt="" /></td>
            <td colspan="3"><img name="titel_01" src="bilder/titel_01.gif" width="320" height="39" border="0" id="titel_01" alt="" /></td>
            <td colspan="4"><img name="titel_02" src="bilder/titel_02.gif" width="320" height="39" border="0" id="titel_02" alt="" /></td>
            <td colspan="3"><img name="titel_03" src="bilder/titel_03.gif" width="320" height="39" border="0" id="titel_03" alt="" /></td>
            <td rowspan="5"><img name="alurahmen_rechts" src="bilder/alurahmen_rechts.jpg" width="50" height="460" border="0" id="alurahmen_rechts" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="39" border="0" alt="" /></td>
          </tr>
          <tr>
            <td><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','bilder/home_maus.jpg',1)"><img src="bilder/home.jpg" name="home" width="120" height="26" border="0" id="home" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','bilder/news_maus.jpg',1)"><img src="bilder/news.jpg" name="news" width="120" height="26" border="0" id="news" /></a></td>
            <td colspan="2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ueber uns','','bilder/ueberuns_maus.jpg',1)"><img src="bilder/ueberuns.jpg" name="ueber uns" width="120" height="26" border="0" id="ueber uns" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('bang &amp; olufsen','','bilder/bang&amp;olufsen_maus.jpg',1)"><img src="bilder/bang&amp;olufsen.jpg" name="bang &amp; olufsen" width="120" height="26" border="0" id="bang &amp; olufsen" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('beoliving','','bilder/beoliving_maus.jpg',1)"><img src="bilder/beoliving.jpg" name="beoliving" width="120" height="26" border="0" id="beoliving" /></a></td>
            <td colspan="2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('marken','','bilder/marken_maus.jpg',1)"><img src="bilder/marken.jpg" name="marken" width="120" height="26" border="0" id="marken" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('occasionscenter','','bilder/occasion_maus.jpg',1)"><img src="bilder/occasion.jpg" name="occasionscenter" width="120" height="26" border="0" id="occasionscenter" /></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','bilder/kontakt_maus.jpg',1)"><img src="bilder/kontakt.jpg" name="kontakt" width="120" height="26" border="0" id="kontakt" /></a></td>
            <td><img src="bilder/spacer.gif" width="1" height="26" border="0" alt="" /></td>
          </tr>
          <tr>
            <td><img src="bilder/untermenue_01.jpg" alt="" name="untermenue_01" width="120" height="19" border="0" id="untermenue_01" /></td>
            <td><img src="bilder/untermenue_02.jpg" alt="" name="untermenue_02" width="120" height="19" border="0" id="untermenue_02" /></td>
            <td colspan="2"><img src="bilder/untermenue_03.jpg" alt="" name="untermenue_03" width="120" height="19" border="0" id="untermenue_03" /></td>
            <td><img src="bilder/untermenue_04.jpg" alt="" name="untermenue_04" width="120" height="19" border="0" id="untermenue_04" /></td>
            <td><img src="bilder/untermenue_05.jpg" alt="" name="untermenue_05" width="120" height="19" border="0" id="untermenue_05" /></td>
            <td colspan="2"><img src="bilder/untermenue_06.jpg" alt="" name="untermenue_06" width="120" height="19" border="0" id="untermenue_06" /></td>
            <td><img src="bilder/untermenue_07.jpg" alt="" name="untermenue_07" width="120" height="19" border="0" id="untermenue_07" /></td>
            <td><img name="untermenue_08" src="bilder/untermenue_08.jpg" width="120" height="19" border="0" id="untermenue_08" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="19" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="10"><img name="trennlinie" src="bilder/trennlinie.gif" width="960" height="6" border="0" id="trennlinie" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="6" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="10"><img name="inhaltsfenster" src="bilder/inhaltsfenster.gif" width="960" height="370" border="0" id="inhaltsfenster" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1" height="370" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="12"><img name="alurahmen_unten" src="bilder/alurahmen_unten.jpg" width="1060" height="50" border="0" id="alurahmen_unten" alt="" /></td>
            <td><img src="bilder/spacer.gif" width="1"