Frage von Nik98Nik, 28

Div's mittig zentrieren (HTML/ CSS)?

Hi, also ich habe zwei Divs, die sich zunächst nebeneinander befinden und bei einer geringen Bildschirmbreite untereinander schieben. Das klappt soweit auch, wie kann ich nun aber erreichen, dass die divs immer mittig sind? Weißt das vielleicht jemand hier? :)

https://jsfiddle.net/nghv1hLh/

Vielen Dank schonmal

Antwort
von regex9, 9

Erstelle ein Containerelement, welches mindestens die beiden Boxen umgibt:

<div id="container">
  <div id="a"></div>
  <div id="b"></div>
</div>

Via CSS zentrierst du den Container noch:
#container {
margin: 0 auto;
width: 40px;
}
Antwort
von theFIST, 21

div rundherum, in der Mitte des Bildschirms

Kommentar von Nik98Nik ,

Welche Eigenschaften braucht das div drum herum? :)

Kommentar von regex9 ,

Eine feste Breite und einen automatisch berechneten horizontalen Außenabstand (für ein Bsp. s. meine Antwort).

Antwort
von TanteHolger, 22

margin:auto;

Kommentar von Nik98Nik ,

Wo muss das im Beispiel hin?

Kommentar von TanteHolger ,

In die CSS von #a und #b
Gruß: Holger

Kommentar von Nik98Nik ,

Funktioniert leider nicht :(

Kommentar von TanteHolger ,

Hmm sollte aber. Ich schaue eben mal =)

Kommentar von TanteHolger ,

Du hast einen Fluss (float) in den Elementen. Setz float bei beiden auf none, dann sollte es gehen.

Kommentar von regex9 ,

Dann werden die Boxen nicht mehr nebeneinander dargestellt, was, so liest es sich in der Fragestellung, aber erwünscht ist.

Keine passende Antwort gefunden?

Fragen Sie die Community