Christian Kruse: erste Experimente mit Grid im Wiki

Beitrag lesen

problematische Seite

Hallo Matthias,

<div id="mw-content-text">
  <div>mit hellblauem Hintergrund</div>
  <div class="tocright">aside</div>
</div>

Ich würde gern die beiden Kinder nebeneinander anordnen, so als ob (bei getauschter Reihenfolge) das zweite div-Element rechts gefloatet wäre, nur eben hübscher. Jedoch halten sich die beiden divs nicht an die Breite von ihrem Elternelement.

Wie kann ich das erreichen?

Wenn ich dich richtig verstanden habe, dann mit

#mw-content-text {
  display: grid;
  grid-template-columns: auto auto;
}

Das sähe dann so aus:

LG,
CK