Körpergröße / Welcher Code wird benötigt?

[ogulcan1787]

Hallo zusammen.
Ich habe dieser Code einen Radius hinzugefügt und den unteren Teil nach meinen Wünschen gestaltet.
Aber ich kann den oberen Teil nicht reparieren.

Welchen Code sollte ich hinzufügen, damit der obere Teil genauso aussieht wie der untere Teil?

wie: top-height-size: -30%; aber das funktioniert nicht

body:before {
  display: inline-block;
  border-radius: 15px;
  width: 1125px;
  min-height: 100%;
  height: inherit;
  background-color: #fff;
  content: " ";
  position: fixed;
  left: 50%;
  right: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

[bryce (Bryce Huhtala)]

Es tut mir leid, aber es ist nicht ganz klar, was Sie tun müssen. Könnten Sie bitte weitere Details hinzufügen zu:

1. Welchen spezifischen Teil der Seite Sie ändern möchten.
2. Welche Änderung Sie vornehmen möchten.

[ogulcan1787]

Den oberen Teil möchte ich so machen:
https://pvpfarm.com
Ich möchte einen abgerundeten Rand hinzufügen, wie beim unteren Teil.
Ich möchte nur etwas Platz oben zwischen ihm und dem Header haben.

Mein Englisch ist schlecht, Entschuldigung. Danke für die Hilfe.

[bryce (Bryce Huhtala)]

Es ist in Ordnung, Ihr Englisch ist gut, aber über Code kann es schwierig sein zu sprechen! Danke, dass Sie weitere Details hinzugefügt haben. Ich glaube, das Problem ergibt Sinn.

Manchmal kann man margin-top verwenden, um mehr Platz darüber zu schaffen.

Aber es funktioniert nicht, wenn Sie scrollen!

Das liegt daran, dass position: fixed im Teil body:before vorhanden ist, sodass es immer an derselben Stelle auf dem Bildschirm bleibt. Ändern wir es stattdessen in position: absolute. „Absolute“ erlaubt uns zu sagen, wie weit von den Rändern wir die Kanten haben wollen. Wir müssen ihm sagen, dass es body für die Seiten verwenden soll, also müssen wir diesen Code hinzufügen:

body {
  position: relative;
}

(Wenn Sie mehr über position, fixed und absolute erfahren möchten, finden Sie hier hier einen Beitrag mit Beispielen)

Okay, löschen wir min-height: 100% aus body:before, da es kürzer als 100 % sein soll. Jetzt können wir steuern, wo oben und unten ist! Fügen wir top: 70px und bottom: 30px hinzu. (Oben muss groß genug sein, um über dem Header vom oberen Bildschirmrand hinaus zu gehen).

Scheint das so, wie Sie es wollten? Lassen Sie mich wissen, ob es Sinn ergibt.

[ogulcan1787]

Du bist großartig!
Danke, dass du mir das beibringst, anstatt mir fertige Codes zu geben.
@bryce