Ebenen feste Position!

[d1ng0d0gt0r]

Moin @ all,

Kann mir jemand erklären wie man, in html o.ä., einer Ebene eine fesste position zuweist?
Also so das sie sich bei verschiedenen Fenstergrößen nicht verschiebt!

M.f.G d1ng0

 

[Maik]

Hi,

eine Elementpositionierung wird mit CSS vorgenommen:

div#box1 {
position: absolute;
left: 100px;
top: 100px;
width: 200px;
height: 200px;
background: #ffff00;
}

<div id="box1">...</div>

Siehe hierzu auch http://de.selfhtml.org/css/eigenschaften/positionierung.htm

 

[d1ng0d0gt0r]

Mhhh das kommt doch genau aufs gleiche

Beispiel: Ich habe einen Button in der mitte des Fensters positioniert, jetzt will ich ein popupmenu (ebene) darunter angezeigt bekommen! Wenn man jetzt die fenstergröße ändert, verschiebt sicvh auch das popupmenu (Die Ebene)!

 

[Maik]

Dann verwende mal das folgende Stylesheet, um die Ebene im Fenster horizontal zu zentrieren:

div#box1 {
position: absolute;
left: 50%;
width: 200px;
margin-left: -100px; /* negative Hälfte von width:200px */
}

Die Werte für die width- und margin-left-Eigenschaft musst du natürlich auf deine Seitenverhältnisse anpassen.