Delphi-PRAXiS - [HTML] Seite im Fenster zentrieren

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - [HTML] Seite im Fenster zentrieren (https://www.delphipraxis.net/33127-%5Bhtml%5D-seite-im-fenster-zentrieren.html)

[HTML] Seite im Fenster zentrieren

Hi!

Ich habe folgenden Code fürs Frameset erstellt:

Code:

			<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>ELKA Jugendverein e.V.</title>

<meta name="description" content="">

<meta name="keywords" content="">

<meta name="author" content="ELKA AG">

</head>

<frameset cols="790,*" framespacing="0" border="0" frameborder="no">

   <frameset cols="18%,*" framespacing="0" frameborder="no">

      <frame name="left" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no">

      <frameset rows="7%,*" framespacing="0" frameborder="no">

         <frame name="header" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no">

         <frameset rows="94%,*" frameborder="no" framespacing="0">

            <frameset cols="164,*" frameborder="no" framespacing="0">

               <frame name="navi" src="navigation.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no">

               <frameset rows="140,*" frameborder="no" framespacing="0">

                  <frameset rows="102,*" frameborder="no" framespacing="0">

                     <frame name="header_o" src="header_o.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no">

                     <frameset cols="79,*" frameborder="no" framespacing="0">

                        <frame name="header_m_l" src="header_m_l.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no">

                        <frame name="header_m_r" src="header_m_r.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no">

                     </frameset>

                  </frameset>

                  <frame name="body" src="ejv/body.html" marginwidth="0" marginheight="0" noresize frameborder="no">

               </frameset>

            </frameset>

            <frame name="footer" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no">

         </frameset>

      </frameset>

   </frameset>

   <frame name="right" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no">

<noframes>

<body>

</body>

</noframes>

</frameset>

</html>

Wie bekomme ich es hin, das die eigentliche Seite im Fenster zentriert ist?? Die Frames left, header, footer und right müssten irgendwie abgeändert werden, ich weiß nur nicht wie. :roll:

Gruß,
Sascha

Re: [HTML] Seite im Fenster zentrieren

:shock: Sooo viele Frames ...

Wenn die "eigentliche Seite" das HTML-Dokument ist, das im "Body"-Frame angezeigt werden soll, dann reicht es doch, wenn Du dieses Dokument "zentrierst", oder?

Re: [HTML] Seite im Fenster zentrieren

Vielleicht hilft ja der folgende Screenshot, um mein Anliegen begreiflich zu machen. Das was rot umrandet ist, soll mittig im Fenster des Browsers angezeigt werden. Ich habe nur leider keine Ahnung wie ich das Frameset abändern muss, damit das klappt. Hab schon n bissl was versucht, aber es funzt nicht. :|

Gruß,
Sascha

Re: [HTML] Seite im Fenster zentrieren

Hallo, nochmal.

Also, wenn ich Deinen HTML-Code in einer Datei speichere und mir diese dann im Browser anzeigen lasse, dann sehe ich das "leere" Frameset. Dieses Frameset beansprucht das gesamte Browserfenster und wenn ich's komplett aufziehe sieht das so, wie im angehängten Screenshot aus. Da kann nix zentriert werden, außer den Dokumenten, die in den Frames angezeigt werden. Oder steh' ich jetzt komplett auf dem Schlauch? Zu Hülf!!!

Re: [HTML] Seite im Fenster zentrieren

Moin Sascha,

bei den ganzen Framesets kenn ich mich zwar nicht mehr aus, aber teste mal folgendes:

Code:

			<frameset cols="10%,*,10%" framespacing="0" border="0" frameborder="yes">

  <frame name="left" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no">

  <frame name="content" src="inhalt.html" marginwidth="0" marginheight="0" noresize frameborder="no">

  <frame name="right" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no">

</frameset>

und anschließend ersetzt du die in der ersten Zeile das hier:

Code:

cols="10%,*,10%"

mit dem hier:

Code:

cols="10%,90%,10%"

Eigentlich müsste der Inhalt der Seite in beiden Fällen zentriert werden. Wenn du aber einen Abstand oben, links, rechts und unten haben willst, muss das nicht mit Frames geschehen:

Code:

			<body style="margin-top : 5px; margin-left : 5px; margin-right : 5px; margin-bottom : 5px;">
		

Alternativ kann der Code auch in eine css-Datei.

Greetz
alcaeus

Re: [HTML] Seite im Fenster zentrieren

Also erstmal ist da einiges "sinnlos" (unübersichtlich):

Code:

			<frameset cols="790,*" ...

   <frameset cols="18%,*" ...

      <frame ...

      <frameset ...

   </frameset> 

   <frame ...

</frameset>

daraus kann man folgendes machen:

Code:

			<frameset cols="790,10%,*" ...

   <frame ...

   <frameset ...

   <frame ...

</frameset>

Womit hast'n das eigentlich erstellt?

Wenn du oben/unten, oder link/rechts die selben Maße haben willst, dann mußt du dort auch die selben Größenangaben verwenden:
also z.B. statt 100,(70%,*) > 100,60%,*
mal *,500,* versuchen.

ich hab mal versucht es zusammenzufassen:
du must aber noch die Maße anpassen:

Code:

			 
<html> 

  <head> 

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

    <title>ELKA Jugendverein e.V.</title> 

    <meta name="description" content=""> 

    <meta name="keywords" content=""> 

    <meta name="author" content="ELKA AG"> 

  </head> 

  <frameset cols="*,500,*" framespacing="0" border="0" frameborder="no"> 

    <frame name="left" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no"> 

    <frameset rows="*,500,*" framespacing="0" frameborder="no"> 

      <frame name="header" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no"> 

      <frameset cols="164,*" frameborder="no" framespacing="0"> 

        <frame name="navi" src="navigation.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no"> 

        <frameset rows="140,102,*" frameborder="no" framespacing="0"> 

          <frame name="header_o" src="header_o.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no"> 

          <frameset cols="79,*" frameborder="no" framespacing="0"> 

            <frame name="header_m_l" src="header_m_l.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no"> 

            <frame name="header_m_r" src="header_m_r.html" scrolling="no" marginwidth="0" marginheight="0" noresize frameborder="no"> 

          </frameset> 

          <frame name="body" src="ejv/body.html" marginwidth="0" marginheight="0" noresize frameborder="no"> 

        </frameset> 

      </frameset> 

      <frame name="footer" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no"> 

    </frameset> 

    <frame name="right" src="_blank.html" marginwidth="0" marginheight="0" noresize frameborder="no"> 

    <noframes> 

      <body> 

      </body> 

    </noframes> 

  </frameset> 

</html>

Re: [HTML] Seite im Fenster zentrieren

Danke euch! Himitsus Vorschlag hat nach ein paar Anpassungen der Größe, wie er selber schon sagte, hervorragend funktioniert. :thumb:

Gruß,
Sascha