[GastForen Web allgemein HTML und CSS / Stylesheets zentriert ausrichten

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

zentriert ausrichten

Flashfreak
Beiträge gesamt: 8

11. Dez 2006, 10:55
Beitrag # 1 von 12
Bewertung:
(3004 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe eine Tabelle die ist 770px x 520px welche ich vertikal als auch horizontal zentriert ausrichten will. Vertikal hatte ich geschaft mit
Code
 aber wie mache ich das wenn ich es auch horizontal realisieren will? 
X

zentriert ausrichten

SabineP
Beiträge gesamt: 7586

11. Dez 2006, 11:38
Beitrag # 2 von 12
Beitrag ID: #266338
Bewertung:
(2999 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Vielleicht mit <table align="center">


als Antwort auf: [#266320]

zentriert ausrichten

Flashfreak
Beiträge gesamt: 8

11. Dez 2006, 12:17
Beitrag # 3 von 12
Beitrag ID: #266350
Bewertung:
(2988 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
ja genau, aber wie schaffe ich es auch horizontal???


als Antwort auf: [#266338]

zentriert ausrichten

SabineP
Beiträge gesamt: 7586

11. Dez 2006, 12:31
Beitrag # 4 von 12
Beitrag ID: #266352
Bewertung:
(2985 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Mit <table align="center"> wird die Tabelle horizontal zentriert.


als Antwort auf: [#266350]

zentriert ausrichten

Flashfreak
Beiträge gesamt: 8

11. Dez 2006, 13:13
Beitrag # 5 von 12
Beitrag ID: #266359
Bewertung:
(2975 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
und vertikal dann?


als Antwort auf: [#266352]

zentriert ausrichten

SabineP
Beiträge gesamt: 7586

11. Dez 2006, 13:33
Beitrag # 6 von 12
Beitrag ID: #266362
Bewertung:
(2973 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Zum vertikal zentrieren brauchst Du eine weitere Tabelle die 100% breit und hoch ist:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style type="text/css">
.aussen{width:100%; height:100%}
</style>
</head>

<body>

<table border="1" class="aussen">
<tr><td>
Hier die zentrierte Tabelle einfügen.
</td></tr>
</table>


</body>
</html>


als Antwort auf: [#266359]

zentriert ausrichten

Flashfreak
Beiträge gesamt: 8

11. Dez 2006, 13:40
Beitrag # 7 von 12
Beitrag ID: #266363
Bewertung:
(2971 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
ja so kenne ich es auch, aber wenn ich dann eine tabelle 100% setze und jemand öffnet mit einer auflösung von 800 x 600 die internetseite, dann hat der jenige erst mal was zu scrollen. das ist ja mein problem...


als Antwort auf: [#266362]

zentriert ausrichten

SabineP
Beiträge gesamt: 7586

11. Dez 2006, 14:04
Beitrag # 8 von 12
Beitrag ID: #266367
Bewertung:
(2961 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> dann hat der jenige erst mal was zu scrollen.

Wenn der Inhalt der Tabelle nicht auf den Bilschirm paßt, dann gibt es natürlich Scrollbalken.
Was soll denn sonnst passieren?

Gruß Sabine


als Antwort auf: [#266363]

zentriert ausrichten

Flashfreak
Beiträge gesamt: 8

11. Dez 2006, 14:11
Beitrag # 9 von 12
Beitrag ID: #266368
Bewertung:
(2956 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
naja 2 scrollbalken muss nicht seien - es muss doch bestimmt ne andere lösung geben vielleicht irgendwie das man die auflösung des benutzer erkennt und dann dem endsprechend die homepage ladet, oder ne ander idee?


als Antwort auf: [#266367]

zentriert ausrichten

SabineP
Beiträge gesamt: 7586

11. Dez 2006, 14:47
Beitrag # 10 von 12
Beitrag ID: #266377
Bewertung:
(2953 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> naja 2 scrollbalken muss nicht seien

Warum nicht? Die Größe des Browserfensters hat nichts mit der Auflösung des Bildschirms zu tun.
Wenn das Browserfenster verkleinert wird erscheinen automatisch irgendwann die Scrollbalken.
Das ist völlig normal und läßt sich auch nicht verhindern.


als Antwort auf: [#266368]
(Dieser Beitrag wurde von SabineP am 11. Dez 2006, 14:47 geändert)

zentriert ausrichten

ganesh
Beiträge gesamt: 1981

11. Dez 2006, 17:23
Beitrag # 11 von 12
Beitrag ID: #266423
Bewertung:
(2941 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Antwort auf [ Flashfreak ] ja so kenne ich es auch, aber wenn ich dann eine tabelle 100% setze und jemand öffnet mit einer auflösung von 800 x 600 die internetseite, dann hat der jenige erst mal was zu scrollen. das ist ja mein problem...


Das hat ja nun aber nichts damit zu tun, ob der Inhalt zentriert ist oder nicht. Dasselbe passiert auch, wenn der Inhalt links- oder rechts-bündig ist. Scrollbars entstehen nunmal, wenn das Fenster kleiner als der Inhalt ist. Das soll ja auch so sein.


als Antwort auf: [#266363]

zentriert ausrichten

trueprojects
Beiträge gesamt:

11. Dez 2006, 21:20
Beitrag # 12 von 12
Beitrag ID: #266460
Bewertung:
(2928 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Flashfreak, vielleicht können wir dein Anliegen etwas besser verstehen, wenn du uns dein Projekt genauer beschreibst. Da du "Flash" in deinem Namen hast, bin ich jetzt einfach mal so frei und vermute, du möchtest mit der Tabelle einen Flash-Film mit einer festen Größe in der Browserfenstermitte zentriert anzeigen. Flash-Websites kann man so programmieren, dass sie sich in der Breite anpassen - wie das geht, weiß ich allerdings nicht, kenn mich mit Flash nicht aus. Wenn dein Flash-Film eine fixe Höhe & Breite hat, MÜSSEN Scrollbalken angezeigt werden, sobald das Browserfenster kleiner als der Inhalt ist...

Möchtest du ein Bild auf der Seitenmitte zentrieren, rate ich dazu, auf die Tabelle zu verzichten und das mit CSS zu machen. Dazu definierst du ein <div>Tag mit der gewünschten Höhe & Breite, definierst dein Bild als Hintergrundbild, das horizontal & vertikal zentriert ist und nur einmal angezeigt wird (nicht wiederhohlt, also nicht wie ein Raster), definierst meinetwegen auch noch eine mindest-/maximal-Breite/Höhe und gut....

Könnte das jetzt alles auch noch weiter ausführen, bringt aber nicht viel, da ich dein Projekt nicht kenne. Aber allgemeine Grundlagen zu HTML und CSS findest du auf jeden Fall hier: http://de.selfhtml.org/ Wir können dir besser helfen, wenn du uns mehr Infos gibst. Gruß


als Antwort auf: [#266423]
X