nicht angemeldet
Elemente absolut mittig positionieren
guten abend zusammen,
ich habe folgendes problem:
ich sollte auf meiner website ein element in die absolute mitte bringen, und das abhängig von der auflösung. horizontal geht das ja mit text-align:center; aber vertical-align:middle; hatt 2 probleme:
1.) nicht alle browser unterstützten es korrekt,
2.) ich brauche ein mutter-element mir der höhe 100%, da es aber laut W3C verboten ist, als höhe prozent anzugeben ist das bei unterschiedlichen auflösungen schwierig.
danke,
Martin
-
Hallo,
ich sollte auf meiner website ein element in die absolute mitte bringen, und das abhängig von der auflösung.
Dazu gibt es einen Artikel in den Tipps & Tricks:
http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/index.htmGruß
Alexander Brock--
SelfCode: sh:( fo:) ch:? rl:( br:> n4:? ie:{ mo:} va:) de:> zu:| fl:{ ss:( ls:[ js:(
http://emmanuel.dammerer.at/selfcode.html
Deshalb können Pinguine nicht fliegen:
Was nicht fliegt kann auch nicht abstürzen
<img src="http://www.againsttcpa.com/images/AgainstTCPA-Log01Small.gif" border="0" alt="">
http://againsttcpa.com -
Hi,
Das ist möglich (wie ich heute gelernt hab ;)) über 'margin:auto;' - man beachte aber, dass der IE das natürlich mal wieder nicht kann..
1.) nicht alle browser unterstützten es korrekt,
Ich weiss leider nicht, was genau du mit "Element" meinst - ich gehe mal davon aus, dass (auch) Block-Elemente gemeint sind. So ist deine Aussage zwar nicht falsch, aber nur im entgegengesetzten Sinn richtig - nämlich dort wo das align von Block-Elementen "funktioniert" unterstützt es der Browser nicht korrekt.. IE natürlich - wer hätts gedacht ;)
2.) ich brauche ein mutter-element mir der höhe 100%, da es aber laut W3C verboten ist, als höhe prozent anzugeben ist das bei unterschiedlichen auflösungen schwierig.
Seit wann das? Ich kanns nicht finden.. http://www.w3.org/TR/CSS21/visudet.html#the-height-property
Gruss
shin-
Hi,
Das ist möglich (wie ich heute gelernt hab ;)) über 'margin:auto;' - man beachte aber, dass der IE das natürlich mal wieder nicht kann..
Natürlich [1] kann der das. Dazu mußt Du ihn allerdings schon in den standards compliant mode versetzen.
Viele Grüße,
Bubax[1] ich weiß - Zynismus...
-
Hi,
Natürlich [1] kann der das. Dazu mußt Du ihn allerdings schon in den standards compliant mode versetzen.
Kannst du mir das bitte näher erläutern?
Gruss
shin-
Hi,
Natürlich [1] kann der das. Dazu mußt Du ihn allerdings schon in den standards compliant mode versetzen.
Kannst du mir das bitte näher erläutern?
[pref:t=84769&m=497578]
Siehe dann auch auf der Homepage von dem erwähnten Carsten nach...
http://www.carsten-protsch.de/zwischennetz/doctype/Viele Grüße,
Bubax
-
-
-
-
danke, ihr zwei...
@ShiNtoKu: das mit den 100% höhe ist bei tabellen verboten..das weiß ich 100%ig...
ich hoffe ich kriegs hin...wenn nicht poste ich eben noch mal ;-)
danke,
martin-
Hi,
@ShiNtoKu: das mit den 100% höhe ist bei tabellen verboten..das weiß ich 100%ig...
Kann ich hier http://www.w3.org/TR/CSS21/tables.html nicht finden - abgesehen davon war in deinem Posting auch nicht von Tabellen die Rede ;)
Viel Glück!
Gruss
shin -
Hi,
@ShiNtoKu: das mit den 100% höhe ist bei tabellen verboten..das weiß ich 100%ig...
@martin: Ich weiß das 100%ig nicht. Was bei Tabellen verboten ist, ist einzig und allein das height-Attribut an sich - ob Du der Höhe Prozente, Erbsen oder Korinthen gibst, ist egal, es ist & bleibt verboten...
Das gilt für HTML - CSS ist eine andere Sprache und gestattet auch mal einer Tabelle, z.B. 100% hoch zu sein. Wobei ich den Sinn von Tabellen mit 100% Höhe mal so ganz allgemein anzuzweifeln wage ;)
Mit ganz doll sicheren Grüßen,
Bubax
-
-
hallo Martin,
versuche es mal so:
<body style="padding: 10%; text-align:center;">
<div id="container" style="width:100%; height:100%; border : 1px dotted red; text-align:left; font-family : verdana;"><p><b>Container mit Inhalt</b></p></div>
ciao sava0767
-
Hallo Martin
ich sollte auf meiner website ein element in die absolute mitte bringen, ...
Was ist das für ein Element?
Hat dieses eine Feste Größe (Bild)?
Enthält es Text?Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!