Ähm, ja. Ich möchte gerne ein Div nicht nur horizontal, sondern auch vertikal in der Mitte haben.
Jetzt habe ich das schon mehrere male auf x Arten versucht, drum frage ich mich langsam: ist das überhaupt möglich?
Wenn ja, wie?
Wohnort: Österreich
Program: Photoshop CS2
Deviantart: verel
Also wenn es möglich wäre müsstest du dem Übergeordnetem Element eventuell ein vertical-align verpassen.
Das Problem an der Sache ist das dieses sogenannte vertica-align nicht auf Block lvl Elemente angewendet werden können sondern nur auf Inline Elementen wie z.B.: span
Die einzige möglichkeit die funktioniert ist mit margin-top (meines wissens)
Also entweder beim Seitenaufruf mit Javascript das Browser Inline Windows auslesen und damit das margin füttern oder einen definierten wert angeben.
EDIT://
Was ich noch nie probiert habe aber vielleicht funktionieren könnte wäre mit display:
also dem übergeordneten Div mit CSS ein "display:table-cell" zuweisen damit wird das block level element als td interpretiert und dann könnte das vertical-align auch ziehn. (nächstes Problem: wird erst ab IE8 unterstützt)
This post has been edited 2 time(s), it was last edited by Mr. Tool: 12.07.2010 23:12.
Deine Lösung hab ich jetzt nicht versucht, danke aber dennoch.
Habe ja in's Edit geschrieben, dass es mit der beschriebenen Variante im Link funktioniert.
Ist zwar auch immer etwas Bastelei, scheint aber zu gehen.
Es geht einfach nur bei einer fixen Grösse, glaub ich, weil man das margin anpassen muss.
Und ob's in IE < 8 geht, weiss ich nicht.. Kann aber schon sein.
Da gibt es verschiedene Möglichkeiten.
U.a. die, die in dem Link beschrieben wird, wobei die aber nicht umbedingt die einfachste ist.
Es kommt halt drauf an, was und wo du es zentriert haben willst.
Mal angenommen, du haste einfach nur eine Grafik, die in die Bildmitte soll, dann könnest du das auch so machen:
code:
1:
2:
3:
4:
5:
6:
7:
#divname {
position:fixed; /* Absolute Position, Orientierung am Browserfenster, scrollt nicht mit */
right:50%; /* Hälfte von rechten Browserfensterrand */
bottom:50%; /* Hälfte von unteren Browserfensterrand */
}
OMG!
This post has been edited 1 time(s), it was last edited by Balioo: 14.07.2010 17:05.
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)