Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon sarah12345 vom 28.04.2021, 16:58 Options

Flash mittig vertikal und horizontal anzeigen

Hallo.
Wie kann ich eine Flashdatei in meiner HP immer exakt mittig anzeigen lassen? Mit dem Code unten habe ich es schon horizontal geschafft, aber was und wo müsste ich für vertikal eingeben?

Danke, Sarah

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

.
.
.
.

Antwort schreiben

Antwort 1 von hans889 vom 28.04.2021, 20:37 Options

Hallo sarah,

horizontal positionieren kannst du ohne Weiteres auf die Art, wie du es machst. Vertikal dagegen ist darum schwierig, weil die Besucher einer Website unterschiedliche Monitore mir unterschiedlichen Auflösungen verwenden. Was auf deinem Monitor gut aussieht, sagt also nur etwas darüber aus, wie es darauf aussieht. Du kannst aber mal mit dem Tag "valign" experimentieren.

Für das Vertikale, aber auch am Besten eigentlich alles, solltest du CSS-Positionierungen verwenden. Hier der Link zur Einstiegsseite: Klick!

Antwort 2 von Supermax vom 28.04.2021, 20:44 Options

Es gibt einen Trick, wie man ein Element mit fixen Abmessungen horizontal und vertikal zentrieren kann, und zwar legt man die linke obere Kante auf die Position "50% 50%", und setzt eine negative Angabe für den Rand (margin), also z.B.

<div style="width:820px;height:400px;top:50%;left:50%;margin-left:-410px;margin-top:-200px">

.
Durch den negativen "rand" wird das Element um jeweils seine halbe Breite und Höhe nach links oben verschoben, was eine horizontale und vertikale Zentrierung bewirkt.

Antwort 3 von sarah12345 vom 28.04.2021, 20:57 Options

Huhu. Vielen Dank. Wenn ich die Zeile bei mir einfüge dann ist alles links oben aus dem Eck raus :(( Geht irgendwie nicht.
Sarah

Antwort 4 von Supermax vom 28.04.2021, 21:01 Options

Wichtig ist daß das Dokument den kompletten sichtbaren Bereich ausfüllt, am besten im <head>-Bereich folgenden Code hinzufügen

<style type="text/css">
body,html {
   width:100%;
   height:100%;
}
</style>

Außerdem sollte deine Seite keinen korrekten HTML- oder XHTML DOCTYPE haben, je nachdem welchem Standard deine Seite entspricht. Im Zweifelsfall nimm

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

Antwort 5 von gast42 vom 28.04.2021, 21:01 Options

position vergessen

Antwort 6 von Supermax vom 28.04.2021, 21:05 Options

Hier mal ein Beispiel.

Antwort 7 von Supermax vom 28.04.2021, 21:05 Options

gast42 hat wie meistens recht, ich hatte in meinem Beispiel das position:relative; vergessen.

Antwort 8 von sarah12345 vom 28.04.2021, 22:02 Options

Hmmm, ich blick nimmer durch, geht alles ned. Mein Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>sarah.de</title>

<style type="text/css">

</style>
</head>
<body>
<body style="text-align:center;">
<div style="width:820px;margin:0px auto;text-align:left;">
<p>
<script type="text/javascript">

.
.
.
....und da kommt dann der macromediaflashteil...

Sarah

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..