[GastForen Archiv Adobe GoLive Seite mittig auf Bildschirm anordnen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Seite mittig auf Bildschirm anordnen

voltandrache
Beiträge gesamt: 14

26. Sep 2006, 09:34
Beitrag # 1 von 9
Bewertung:
(7203 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo!

Ich bin noch neuling im Bereich Golive und der Herstellung von Homepages generell. Habe mir vor einiger Zeit eine mit Golive gebastelt mit einer Auflösung von 800x600. Nun hätte ich es gerne, das meine Seite jeweils mittig auf dem Bildschirm des Betrachters erscheint. Wie mache ich das??? Wichtig ist mir vor allem, die horizontale Anordnung zentriert.

Liebe Grüße!
X

Seite mittig auf Bildschirm anordnen

Dirk Levy
  
Beiträge gesamt: 9464

26. Sep 2006, 09:41
Beitrag # 2 von 9
Beitrag ID: #253070
Bewertung:
(7196 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo und willkommen bei uns,

wie hast Du die Seite den aufgebaut?
Mit Tabellen?
Mit Ebenen?

Für beides gibt es unterschiedliche
Lösungen, aber das seitliche zentrieren
ist einfach zu machen, vertikal wird es
da schon schwieriger, aber geht auch.

Für Tabellenaufbau:
Du legst auf Deine Layoutseite eine Tabelle
mit einer Zelle/Zeile, die Tabelle hat als Größe
100% horizontal und vertikal, die Ausrichtung
in der Zelle mußt Du für die horizontale auf
zentriert stellen. So und da rein tust Du Deinen
eigentlichen Aufbau. Das ist alles.

Bei Ebenen, ist es ähnlich, nur das Du eine erste
Ebene hast mit der inneren Ausrichtung zentriert
und da legst Du die weiteren Ebenen rein, aber Achtung
Du mußt für die anderen Ebenen dann auch jeweils
die Textausrichtung vorgeben, sonst wird es aus der
ersten Ebene übernommen.


als Antwort auf: [#253064]

Seite mittig auf Bildschirm anordnen

voltandrache
Beiträge gesamt: 14

26. Sep 2006, 10:14
Beitrag # 3 von 9
Beitrag ID: #253083
Bewertung:
(7183 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke schon mal für die Antwort!

Bin aber wohl doch noch nicht so ganz dahinter gestiegen.
Ich arbeite mit Ebenen. Jetzt habe ich mal eine Ebene angelegt, die die gewünschte Auflösung meiner Seite hat. Die konnte ich auch mittig ausrichten. Wie bekomme ich nun aber die anderen, bereits vorhandenen Ebenen mit dieser Ebene verknüpft, denn diese sind ja nach wie vor auf ihrer alten Position?? Kann ich die dann irgendwie bezogen auf die erste Ebene positionieren? Steh ich aufm Schlauch???


als Antwort auf: [#253070]

Seite mittig auf Bildschirm anordnen

Dirk Levy
  
Beiträge gesamt: 9464

26. Sep 2006, 10:21
Beitrag # 4 von 9
Beitrag ID: #253084
Bewertung:
(7176 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Tja mit Ebenen fängt auch teilweise die Arbeit
im Quellcode an. Also alle weiteren Ebenen müßen
dann in dieser ersten Ebene liegen. Im Quellcode
an den <div> gut zu erkennen.

Du könntest auch über den <body> tag über CSS
die generelle Ausrichtung für den body auf zentriert
stellen.

Damit sich die Ebenen danach auch richten ist
es wichtig richtig einzustellen, wie eine Ebene sich
auf der Seite verhalten soll.
Dann brauchst Du auch nicht mit center arbeiten...


Hier mal ein Beispiel für eine Hauptebene mit fester
Breite, die sich über die Position zentriert:

#hauptebene {
color:#303030;
background-color: #fff;
position: absolute;
top: 0;
left: 50%;
width:960px;
height: 100%;
visibility: visible;
margin-left: -480px; }

Wichtig sind die beiden Einzüge left und margin-left
und die Angabe der Breite, sowie der daraus zu
errechnende -Einzug. Weitere Ebenen liegen dann einfach
in dieser Hauptebene drinnen...


als Antwort auf: [#253083]

Seite mittig auf Bildschirm anordnen

voltandrache
Beiträge gesamt: 14

26. Sep 2006, 20:37
Beitrag # 5 von 9
Beitrag ID: #253269
Bewertung:
(7142 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hey!!! Es geht! Es funktioniert!!! Ich habs geschafft!!!! Hippey!!! Dankeschön! Der Groschen ist gefallen und ich habe wieder etwas gelernt! Vielen Dank! Bis zum nächsten Mal!


als Antwort auf: [#253084]

Seite mittig auf Bildschirm anordnen

voltandrache
Beiträge gesamt: 14

20. Mär 2008, 13:46
Beitrag # 6 von 9
Beitrag ID: #342519
Bewertung:
(6716 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo!

Es ist viel Zeit vergangen, seit ich diese Frage gestellt habe. Jetzt sitze ich wieder an der Seite und möchte es diesmal tatsächlich "durchziehen". Dass mit dem left und margin-left.... ist doch etwas umständlich. Wie funktioniert das denn mit dem center-Befehl? Wo muss ich das hinschreiben???

voltandrache


als Antwort auf: [#253269]

Seite mittig auf Bildschirm anordnen

Urs Gamper
  
Beiträge gesamt: 4027

20. Mär 2008, 16:20
Beitrag # 7 von 9
Beitrag ID: #342552
Bewertung:
(6683 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo
Grundsätzlich wäre es gut, wenn du einen Container um den ganzen Inhalt machst. Ich mach dies jeweils so:
<div id="container">
Und hier kommt der ganze Inhalt hinein, welcher im Browser horizontal zentriert sein soll.
</div><!--end of div container-->

Das CSS im Gegenzug lautet dann:
#container {
width: 980px;
margin-right: auto;
margin-left: auto;
}

Die effektive Breite der Webseite beträgt 980px, welche ich bei "width" definiert habe. Somit hast du deine Website ohne grosse Probleme auf einfachste Art horizontal zentriert.
Grüessli
Urs


als Antwort auf: [#342519]
(Dieser Beitrag wurde von Urs Gamper am 20. Mär 2008, 16:23 geändert)

Seite mittig auf Bildschirm anordnen

voltandrache
Beiträge gesamt: 14

21. Mär 2008, 13:11
Beitrag # 8 von 9
Beitrag ID: #342632
Bewertung:
(6635 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
tut mir leid, wenn ich mich zu blöd anstelle, aber es klappt einfach nicht. wo muss ich das denn hinschreiben??? wenn ich eine seite neu erstelle, dann steht da ja schon div. das mit dem container muss dann vor body stehen?


als Antwort auf: [#342552]

Seite mittig auf Bildschirm anordnen

Urs Gamper
  
Beiträge gesamt: 4027

21. Mär 2008, 16:25
Beitrag # 9 von 9
Beitrag ID: #342662
Bewertung:
(6614 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo
Dies würde dann so aussehen:
<body>
<div id="container">
Und hier kommt der ganze Inhalt hinein, welcher im Browser horizontal zentriert sein soll.
</div><!--end of div container-->
</body>
Grüessli
Urs Gamper


als Antwort auf: [#342632]
X