[HTML] Wie kann ich das fixieren?

Also, Text (der schwarze Kasten) ist ein ewig langer Text...

Text 2 (der rote Kasten) soll ein Hallo beinhalten und dort "fest" gemacht werden,

also um es zu erklären, man soll den Linken Teil scrollen können, nur der rechte Teil (Text 2) soll immer dort bleiben. Egal ob man scrollt oder nicht.

Answer 1

[threadi]

Du suchst nach der CSS-Eigenschaft

position: fixed;

https://www.mediaevent.de/css/position-fixed.html

Woher ich das weiß: Berufserfahrung

Answer 2

[medmonk]

HTML:

<div class="container">
  <div class="box">
    <!-- long text comes here... -->
  </div>
  <div class="box--fixed">
    <!-- fixed sub-text comes here... -->
  </div>
</div>

CSS:

.container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto
}

.box {
  width: 80%
}

.box--fixed {
  width: 20%; 
  position: fixed; 
  z-index: 500; 
  top: 0px;
  right: 0px
}

LG medmonk

Woher ich das weiß: Berufserfahrung

Answer 3

[Drone123456]

Was das rote Feld angeht, einfach position: absolute; machen und dann mit (top, left, right width, height...) Position und Größe festlegen. Den Text einfach in eine Div schreiben, der ne ID zuweisen und darüber dann Position festlegen. Wenn du noch einen Rahmen haben will, dann mit Border arbeiten.

Woher ich das weiß: Studium / Ausbildung

Answer 4

[Drone123456]

Mit position: absolut wird der Text absolut positioniert, bei position: fixed würde der Text beim scrollen immer auf der Viewport Höhe bleiben je nachdem was du eher willst.

Woher ich das weiß: Studium / Ausbildung

Answer 5

[blonhk112]

per css

#text2

{

Position:Fixed;

}

Woher ich das weiß: Hobby – Viele YouTube Tutorials