Hallo zusammen,
ich möchte mehrere Div´s in einem Div positionieren.
Mein Code:
[HTML]
Die beiden Kreise sollen im DIV Positioniert werden.
Einer rechts oben, einer links unten.
Wie bekomme ich sowas hin?
Mein CSS:
div.kreis {
width: 100px;
height: 100px;
border-radius: 50px;
background-color: #ff00ff;
position: relative;
}
VG, David
Klassische Positionierung:
[ol]
[li]Eines der beiden Elternelemente relativ, und die Klasse .kreis absolut positionieren.[/li][li]Mit zwei weiteren Klassen die jeweils gewünschten Startpositionen (top/right & bottom/left) festlegen.[/li][/ol]
Flexbox in der Kombination von:
[ol]
[li] http://www.w3schools.com/css/tryit.asp?filename=trycss3_flexbox_align-self [/li][li] http://www.w3schools.com/css/tryit.asp?filename=trycss3_flexbox_justify_space-between [/li][/ol]
Ob´s auch geht, dass ich zwei Reihen untereinander, aber im gleichen
DIV (weil es ein Hintergrundbild beinhalten soll) erstellen kann?
Beim Zitieren ist was gehörig durcheinander geraten - der Link hat nichts mit der klassischen Positionierungstechnik zu tun.
Die vertikale „Reihung“ erfolgt mittels http://www.w3schools.com/css/tryit.asp?filename=trycss3_flexbox_align-self - von daher versteh’ ich im Moment Deine Frage nicht.