Frage DIV mit Calc zentrieren

[ineedmny]

Hallo Zusammen,

ich probiere jetzt schon ewig rum und muss endlich mal weiter kommen.

Ich versuche ein DIV mittig des Displays zu positionieren:

- Die Breite soll 50% der Display-Breite betragen
- Die Breite soll nicht kleiner als 380px werden

Wenn ich für left: 25% angebe, dann funktioniert das ganze, bis das Display zu klein ist.

#dlgbox {
    position:fixed;
    display: none;
    margin:auto;
    left: 25%;
    width: 50%;
    min-width: 380px;
    z-index: 9999;
    border-radius: 10px;
    background-color: #949494;
}

Kann mir jemand weiterhelfen?

Grüße

 

[MrMurphy]

Hallo,

du hast leider die Grundlagen übersprungen. "position: fixed;" richtet sicher immer am Viewport aus, also am sichtbaren Fenster. Deshalb ist nicht vorgesehen, das es sich am Elternelement ausrichtet.

Es gibt zwar Lösungen, aber die empfehle ich zumindest nicht.

Ich würde dem fixierten Container 100% Breite geben, unsichtbar machen, und dessen Inhalt dann zentrieren. Das macht auf Dauer am wenigsten Stress.

Gruss

MrMurphy