[CSS] DIV relativ positionieren

Black-Smurf

Lt. Junior Grade
Registriert
Aug. 2004
Beiträge
394
Also der Titel sagt es ja schon.

Mit

Code:
 position:absolute;
 top:310px;left:370px;

Positioniere ich ein Div Element absolut von oben.

Mit

Code:
 position:relative;
 top:310px;left:370px;

wäre es zwar relativ, laut selfhtml, positiniert. Was ich aber gern hätte wäre eine Prozentangabe.
Hintergrund, ist das bei 1024*768 und anderen Auflösungen das Element immer den gleichen relativen Abstand haben soll.

Danke schon mal
 
Hallo,

dann ersetze doch einfach die Pixel-Werte durch prozentuale Werte. ;)
Soll dieses zum Beispiel in der Mitte platziert werden, so könnte dies zum Beispiel so aussehen:

Code:
position: relative;
top: 50%;
left: 50%;
margin-top: - %halbe Höhe%;
margin-left: - %halbe Breite%;
height: %Höhe%;
width: %Breite%;
Die Angaben zwischen den "%"-Zeichen müssen natürlich gegen entsprechende Werte ersetzt werden. ;)

MfG mh1001
 
Zuletzt bearbeitet:
Zurück
Oben