Ergebnis 1 bis 2 von 2

Thema: Mit Dreamweaver CS3 fertige Seite Mitttig Zentrieren

  1. #1
    TP-Newbie
    Registriert seit
    Apr 2009
    Ort
    deutschf.
    Beiträge
    1

    Mit Dreamweaver CS3 fertige Seite Mitttig Zentrieren

    Hallo!

    Ich habe ein Problem mit Dreamweaver.
    Ich bin völliger Anfänger im Thema Web Seiten erstellen.
    Und hoffe ihr könnt mir weiterhelfen.

    Ich habe mit Dreamweaver eine neue Seite/aus Beispiel/Startwebseite(Thema)/Reise-Homepage erstellt. Diese habe ich abgeändert und möchte jetzt das die gesammte Seite mittig Zentriert bei allen Browsern angezeigt wird.

    Leider habe ich vergebens sämtliche Codes aus anderen Beiträgen eingefügt, abgeändert und sämtliche Varianten ausprobiert.

    Ich poste hier mal meinen Code und hoffe auf ein tolles Ergebnis. Übrigens die Seite ist mir auch für einen 17" Monitor etwas zu groß geworden. Wie kann ich dieses Problem beseitigen?

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!-- DW6 -->
    <head>
    <!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
    <title>Modellbau</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="mm_travel2.css" type="text/css" />
    <script language="JavaScript" type="text/javascript">
    //--------------- LOCALIZEABLE GLOBALS---------------
    var d=new Date();
    monthname= new Array("January","February","March","April","May","June","July","August","September","October","November","December");
    //Ensure correct for language. English is "January 1, 2004"
    var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
    //--------------- END LOCALIZEABLE   ---------------
    </script>
    <style type="text/css">
    <!--
    body,td,th {
    	font-size: 24px;
    	font-weight: bold;
    }
    .BeschriftungenvonFotos {
    	font-size: 14px
    }
    .Überschrift {font-size: 16px}
    body {
    	background-color: #0033FF;
    }
    .Stil12 {color: #FF0000}
    .Stil19 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
    .Stil20 {font-size: 18px}
    -->
    </style>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    <body>
    <table width="92%" height="1223" border="0" cellpadding="0" cellspacing="0">
      <tr bgcolor="#0033FF">
        <td height="186" colspan="5
        " bgcolor="#FFFF00"><table width="1271" border="0">
          <tr>
            <td width="271" height="123"><img src="Bilder/2237.JPG" alt="Wir3" width="271" height="180" /></td>
            <td width="990"> <div align="center"><img src="Bilder/ueberschrift.gif" width="874" height="120" /></div></td>
          </tr>
        </table></td>
      </tr>
    
    
      <tr>
        <td height="2" colspan="5" bgcolor="#C0DFFD"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
      </tr>
    
      <tr bgcolor="#CCFF99">
      	<td height="19" colspan="5" bgcolor="#0033FF" id="dateformat">&nbsp;&nbsp;
        <script language="JavaScript" type="text/javascript">
          document.write;	</script></td>
      </tr>
     <tr>
        <td height="2" colspan="5" bgcolor="#0033FF"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
      </tr>
    
     <tr>
        <td width="200" height="613" valign="top" bgcolor="#FFFF00"><div align="center">
          <p><img src="flugzeug-0003.gif" width="202" height="189" /></p>
          <table width="200" border="0">
          <tr>
            <td><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','103','height','24','align','baseline','title','home','src','homebutton','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','homebutton' ); //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="103" height="24" align="baseline" title="home">
                  <param name="BGCOLOR" value="" />
                  <param name="movie" value="homebutton.swf" />
                  <param name="quality" value="high" />
                  <embed src="homebutton.swf" width="103" height="24" align="baseline" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
                </object>
                </noscript>
            </div></td>
          </tr>
          <tr>
            <td><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','103','height','24','title','marco','src','marcobutton','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','marcobutton' ); //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="103" height="24" title="marco">
                  <param name="BGCOLOR" value="" />
                  <param name="movie" value="marcobutton.swf" />
                  <param name="quality" value="high" />
                  <embed src="marcobutton.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="103" height="24"></embed>
                </object>
                </noscript>
            </div></td>
          </tr>
          <tr>
            <td><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','103','height','24','align','baseline','title','melanie','src','melaniebutton','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','melaniebutton' ); //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="103" height="24" align="baseline" title="melanie">
                  <param name="BGCOLOR" value="" />
                  <param name="movie" value="melaniebutton.swf" />
                  <param name="quality" value="high" />
                  <embed src="melaniebutton.swf" width="103" height="24" align="baseline" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
                </object>
                </noscript>
            </div></td>
          </tr>
          <tr>
            <td><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','103','height','24','title','martin','src','martinbutton','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','martinbutton' ); //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="103" height="24" title="martin">
                  <param name="BGCOLOR" value="" />
                  <param name="movie" value="martinbutton.swf" />
                  <param name="quality" value="high" />
                  <embed src="martinbutton.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="103" height="24"></embed>
                </object>
                </noscript>
            </div></td>
          </tr>
          <tr>
            <td>
              
                  <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','103','height','24','src','modellbaubutton','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','modellbaubutton' ); //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="103" height="24">
                        <param name="BGCOLOR" value="" />
                        <param name="movie" value="modellbaubutton.swf" />
                        <param name="quality" value="high" />
                        <embed src="modellbaubutton.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="103" height="24"></embed>
                      </object>
                    </noscript>
                  </div></td>
          </tr>
          <tr>
            <td><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','103','height','24','title','links','src','linksbutton','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','linksbutton' ); //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="103" height="24" title="links">
                  <param name="BGCOLOR" value="" />
                  <param name="movie" value="linksbutton.swf" />
                  <param name="quality" value="high" />
                  <embed src="linksbutton.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="103" height="24"></embed>
                </object>
                </noscript>
            </div></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><div align="center"><a href="mailto:bell47g@gmx.at"><img src="mail.gif" width="75" height="75" /></a></div></td>
          </tr>
        </table>
          <p>&nbsp;</p>
          </div> 	</td>
        <td width="17" bgcolor="#0033FF">&nbsp;</td>
        <td width="309" valign="top" bgcolor="#FFFF00"><table width="332">
          <tr>
            <td width="15">&nbsp;</td>
            <td width="305">&nbsp;</td>
          </tr>
          <tr>
            <td><div align="right"></div></td>
            <td><img src="Bilder/Christian/MiniMag/ChristianMiniMag.jpg" width="305" height="229" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><div align="right"></div></td>
            <td><img src="Bilder/spacescooter.jpg" width="305" height="229" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
        <p align="center">&nbsp;</p>
        <p align="center">&nbsp;</p></td>
        <td width="452" valign="top" bgcolor="#FFFF00"><p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center" class="Überschrift">Wir sind 4 gute Freunde die ein gemeinsames Hobby haben.</p>
          <div align="center">
            <table width="445" border="2" cellpadding="0" cellspacing="0" bordercolor="#0000FF">
              <tr>
                <th width="111" height="100" scope="col"><a href="martinmodellbau.html"><img src="Bilder/martin.jpg" width="111" height="123" /></a></th>
                <th width="100" scope="col"><a href="christianmodellbau.html"><img src="Bilder/christian.jpg" width="100" height="123" /></a></th>
                <th width="112" scope="col"><a href="marcmodellbau.html"><img src="Bilder/marc.jpg" width="112" height="123" /></a></th>
                <th width="110" scope="col"><a href="juergenmodellbau.html"><img src="Bilder/juergen.jpg" width="111" height="123" /></a></th>
              </tr>
              <tr>
                <th height="19" class="BeschriftungenvonFotos" scope="col">Martin</th>
                <th class="BeschriftungenvonFotos" scope="col">Christian</th>
                <th class="BeschriftungenvonFotos" scope="col">Marc</th>
                <th class="BeschriftungenvonFotos" scope="col">Jürgen</th>
              </tr>
            </table>
          </div>
          <p align="center" class="Überschrift Stil12">Unsere Flugwiese ist im schönen Eggenfeld 10km nördlich von Graz.</p>
          <p align="center"><strong><img src="Bilder/eggenfeld.jpg" alt="Eggenfeld" width="450" height="316" /></strong></p>
          <table width="469">
            <tr>
              <td width="461" height="37"><div align="center"><strong class="Überschrift">Die Fliegerei läßt uns einfach nicht Ruhn!</strong></div></td>
            </tr>
            <tr>
              <td><div align="center"><img src="flugzeug-0115.gif" width="468" height="117" /></div></td>
            </tr>
          </table>
        <p align="center">&nbsp;</p></td>
        <td width="305" valign="top" bgcolor="#FFFF00"><table width="305">
          <tr>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><img src="Bilder/Martin/Cularis/cularis1.jpg" width="305" height="203" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
        <p align="center">&nbsp;</p>
          <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p></td>
     </tr>
     <tr>
       <td height="48" valign="top" bgcolor="#FFFF00">&nbsp;</td>
       <td bgcolor="#0033FF">&nbsp;</td>
       <td valign="top" bgcolor="#FFFF00">&nbsp;</td>
       <td valign="top" bgcolor="#FFFF00">&nbsp;</td>
       <td valign="top" bgcolor="#FFFF00">&nbsp;</td>
     </tr>
     <tr>
       <td height="44" valign="top" bgcolor="#FFFF00">&nbsp;</td>
       <td bgcolor="#0033FF">&nbsp;</td>
       <td valign="top" bgcolor="#FFFF00">&nbsp;</td>
       <td valign="top" bgcolor="#FFFF00">&nbsp;</td>
       <td valign="top" bgcolor="#FFFF00">&nbsp;</td>
     </tr>
    </table>
    </body>
    </html>
    Geändert von zulujaner (04.04.2009 um 13:11 Uhr)

  2. #2
    TP-Specialist Avatar von MichaelM
    Registriert seit
    Jan 2004
    Ort
    Münster-Hiltrup
    Beiträge
    2.333
    Ersetze Deine jetzige Zeile unterhalb von <body>:

    <table width="92%" height="1223" border="0" cellpadding="0" cellspacing="0">

    in

    <table width="92%" height="1223" border="0" align="center" cellpadding="0" cellspacing="0">

    Dann klappt es auch mit dem zentrieren Deiner Seite.
    Habe einfach in dieser Zeile noch ein align="center" eingefügt.
    Ist ja schließlich auch die Containertabelle die den gesamten Inhalt Deiner Seite aufnimmt.

    Wäre natürlich schöner und übersichtlicher wenn Du die gesamte Seite mit CSS gemacht hättest
    und nicht nur die Schriftarten usw. Zum Beispiel Divs (Ebenen) und die dann positionieren.
    Tabellendesign ist out. Tabellen nutzt man nur noch zur Darstellung von Daten die aus einer
    Datenbank kommen und gelistet werden. Das nur als Anregung.
    Noch ein Tipp: Wenn Du demnächst einen Beitrag erstellst und HTML oder PHP-Code einfügst, gibt es in diesem Forum extra
    Codebuttons für PHP oder HTML-Code. Das ist wesentlich übersichtlicher und nicht so Platzraubend.

    Die Grösse Deiner Seite kannst Du ändern, indem Du entweder die Inhalte der Seite verkleinerst oder rausnimmst.
    Im Body hast Du eine Fontgrösse von 24 Pixel eingesetzt. Wofür?
    Die Tabellenhöhe hast Du auf 1223 Pixel und die Tabellenbreite auf 1271 Pixel festgesetzt.

    Die Tabellenbreite mit dem Bild Bilder/ueberschrift.gif hast Du auf 990 Pixel gesetzt. Das Bild selber ist 874 Pixel breit.
    Das ist natürlich alles viel zu breit.

    Daran würde ich arbeiten und kleiner gestalten. Dann macht der 17 Zoll Monitor auch mit.
    Die Darstellung ist natürlich auch von der gewählten Auflösung abhängig. z.b. 800x600 oder 1024x768 usw.
    Als Standard für die Gestaltung einer Webseite verwende ich die Auflösung 1024x768 Pixel


    Hier mal ein toller Link CSS-Link für Dich.
    Geändert von MichaelM (04.04.2009 um 13:53 Uhr)
    Harleylujar, Michael!!

    Man sieht nur mit dem Herzen gut - das Wesentliche ist für das Auge unsichtbar...

    www.mikel-mueller.de
    www.sanitaertechnik-mueller.de

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. [DW CS3] Fertige Templates in den Dreamweaver "einstellen"
    Von LEA224 im Forum Dreamweaver & andere Webeditoren
    Antworten: 7
    Letzter Beitrag: 04.09.2008, 22:09
  2. In Dreamweaver Pup Zentrieren... Wie?
    Von Wayne_D im Forum Dreamweaver & andere Webeditoren
    Antworten: 2
    Letzter Beitrag: 11.03.2007, 20:13
  3. dreamweaver: hintergrundbild zentrieren
    Von hups im Forum Dreamweaver & andere Webeditoren
    Antworten: 1
    Letzter Beitrag: 19.06.2006, 13:08
  4. fertige Seite mittig ausrichten
    Von meas im Forum Dreamweaver & andere Webeditoren
    Antworten: 21
    Letzter Beitrag: 06.06.2006, 14:43
  5. ebenen zentrieren mit dreamweaver 4
    Von thork im Forum Dreamweaver & andere Webeditoren
    Antworten: 1
    Letzter Beitrag: 19.03.2001, 04:26

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

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