Beiträge von LargePeach

LargePeach

Danke für den Versuch aber funktionieren tut das nicht wirklich, der blaue Strich ist komplett weg und wenn ich den header in blue_header änder ist das ein blauer block und dann ist die schrift unten.

es soll einfach ein Fenster sein mit einem dünnen strich direkt über dem balken, unter diesem soll ein dunklerer rahmen sein mit dem Schriftzug Carflex und alles soll in dem Kasten sein, egal bei welcher auflösung, weil bei mir gehen der blaue strich und das innere Fenster mit dem Schriftzug nach oben sobald ich das Fenster minimiere und somit aus dem Kasten raus, mehr will ich nicht.

Lg. LargePeach

- - - Aktualisiert - - -

So soll es aussehen wie es ja auch schon tut.

Und das passiert beim verkleinern von dem Browser.

LargePeach

Ich mache dies zurzeit auf meinem PC mit einer HTML Datei,

Code

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <link href="carflex.css" rel="stylesheet">
   <script src="script.js"></script>


</head>
 
<body>
   <div class="all">
   <div class="back"></div>
   <div class="blue_header"></div>
   <center>
   <div class="text_head">VenoX Carflex</div>
   </center>
   </div>
</body>

Alles anzeigen

vielleicht hilft das Ja

LargePeach

Guten Tag Leute,

Ich habe bei meinem Window ein Problem welches ich nicht gelöst bekomme, und zwar habe ich 3 boxen erstellt und zentriert und eingestellt das alle übereinander sind, aber sobald ich ich das Fenster minimiere gehen die boxen immer weiter auseinander in der höhe aber die breite passt er genau an.

Hoffe auf schnelle Hilfe und danke im voraus.

Code

.back {    background: rgba(10, 10, 10, 0.8);
    position: absolute;
    width: 35vw;
    height: 20vw;
    border-radius: 0.3vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}












.blue_header {
    background: rgba(0, 150, 200, 0.8);
    position: absolute;
    width: 35vw;
    height: 0.3vw;
    border-radius: 0.8vw;
    top: 29.9%;
    left: 50%;
    transform: translate(-50%, -50%);
}












.text_head {
    background: rgba(10, 10, 10, 0.4);
    position: absolute;
    color: rgba(225,225,225,1);
    width: 35vw;
    font-size: 1.5vw;
    font-family: sans-serif;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
}

Alles anzeigen

Beiträge von LargePeach

CSS Window Auflösung/Position

CSS Window Auflösung/Position

CSS Window Auflösung/Position