![]() |
Willkommen, Gast ( Anmelden | Registrierung )
![]() |
![]()
Beitrag
#1
|
|
Kommt Zeit, kommt Rat, kommt Conrad! ![]() Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 ![]() |
Hallo,
früher konnte man *alles* was irgendwie in der Mitte sollte mit dem <center> Tag zentrieren. Klar, das geht zwar heute auch noch, aber, man sollte es sich abgewöhnen...(in HTML heißt das wohl deprecated ![]() Schade eigentlich, denn bis dato habe ich keine redliche Alternative im CSS Bereich gefunden. text-align: center; geht, aber auch nicht für alles! (ausser bei dem IE natürlich ![]() Wie zentriert man z.B. alles was in einem DIV-Container steht zur mitte? (also inklusive Text, Tags, Bilder, etc.) <DIV style:text-align: center;> dürfte da wohl nicht ganz reichen... Any suggestions? Conny |
|
|
![]() |
![]()
Beitrag
#2
|
|
Kommt Zeit, kommt Rat, kommt Conrad! ![]() Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 ![]() |
Hallo Ede,
nun, wer bessere Kenntnisse bezüglich HTML hat vermag ich nicht zu sagen. Sicher, ich komme zurecht, aber für mich ist es immer noch Hobby, als Profi würde ich mich nicht einschätzen wollen. Du schreibst: ZITAT(Ede) Also ich würde halt einen CSS-Style anlegen: .zentriert {margin-left: auto; margin-right: auto;} Das reicht imho aber nicht! Der Begriff auto ist doch relativ zur Browsereinstellung, heisst, wenn auto oben und linksbündig ist, ist nix mit zentriert. Da mussen schon weitere Angaben hinzu. Wie gesagt, wenn die Elementen feste Breiten aufweisen geht es. HIER habe ich eine kleine Testseite eingestellt. Schwierigkeiten gibt es in diesem fall mit dem Bild. Rein rechnerisch bekommt man das Bild in der mitte mit padding-left. Die Breite des DIV-Containers minus Breite des Bildes geteilt durch 2, wäre die Padding-left Angabe. Bei Mozilla und co stimmt das auch, durch die fehlerhafte intrepetierung von Padding beim IE steht das Bild aus der Mitte heraus zu weit nach rechts.... (IE rechnet die Padding-angaben des DIV Containers hinzu auf die des Bildes) Also, keine befriedigende Lösung und wenn die Breitenangaben des Containers nicht wären, das Bild also direkt im BODY-Tag stehen würde, ging es so gar nicht! Gebe ich das Bild lediglich margin-auto (also, Dein Vorschlag) mit, bleibt das Bild oben links im Bild. Fazit: mir fehlt einfach sowas wie STYLE="position: center;" ![]() cu Conny |
|
|
![]() ![]() |
![]() |
Vereinfachte Darstellung | Aktuelles Datum: 04.07.2025 - 15:23 |