WebSite X5Help Center

 
Klaus G.
Klaus G.
User

Inhalt automatisch immer auf Seiten Mitte  de

Autor: Klaus G.
Visited 925, Followers 1, Udostępniony 0  

Hallo Leute,

ich suche eine möglichkeit das eine einfache LandingPage bei jeder Auflösung der Inhalt immer (horizontal und vertikal) mittig ist.

Jetzt wird es immer oben ausgerichtet.  Habe unter Struktur bzw. auch Inhalt alles auf ZENTRIERT

Es ist nur eine Textbox mit einem Bild und etwas Text.

Wie bzw. mit welchem Code könnte ich das erreichen ???

Gruß

MCMACMASTER

Posted on the
9 ODPOWIEDZI - 7 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

Versuche mal den  Code...  (die Nummern von deinem Text-Objekt musst du selbst rausfinden.

<style>

#imTextObject_00_00 {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

</style>

Czytaj więcej
Posted on the from Andreas S.
Klaus G.
Klaus G.
User
Autor

Hallo Andreas,

so passt es z.B. bei meinem 22 Zöller

<style>
#imCell_6 {
position: relative;
top: 50%;
}
</style>

Und so bei meinem Läpi mit 15,4 Zoll

<style>
#imCell_6 {
position: relative;
top: 20%;
}
</style>

Es sollte sich aber zu jedem BreakPoint anpassen ???

Czytaj więcej
Posted on the from Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... Ich weiß nicht, ob ich verstanden habe; ... probiere mein altes > DIV_CUSTOM, das erste von WebSiteX5, (Ctrl+U, row 10-17)...
... einfach mit Kopieren/Einfügen aufzutragen

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

KolAsim...nicht nur horizontal sondern auch vertikal soll es zentriert sein.

Czytaj więcej
Posted on the from Andreas S.
Klaus G.
Klaus G.
User
Autor

Hallöle,

habe es vorerst mal so gelöst.

Funktioniert so einigermaßen, ist aber nicht das GELBE VOM EI.

Falls KolAsim da doch noch was in Peto hat laughinglaughinglaughing

Aber DANKE an euch beiden mal.

Ich lass den POST mal offen.

Schönen Feiertag noch cool

Czytaj więcej
Posted on the from Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
Andreas S.
KolAsim...nicht nur horizontal sondern auch vertikal soll es zentriert sein.

ja, ... steht bei allen Auflösungen im Zentrum der Seite wink ... ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Klaus G.
Klaus G.
User
Autor

Hallöle KolAsim,

ich habe jetzt mal diese Variante probiert, so kann ich es wenigstens mal Miitig ausrichten.

<style>
@media (max-width: 1920px) and (min-width: 1662px) {
#imCell_6 { !important;position: relative; top: 50% !important;}}
@media (max-width: 1661px) and (min-width: 1349px) {
#imCell_6 { !important;position: relative; top: 20% !important;}}
@media (max-width: 1348px) and (min-width: 1280px) {
#imCell_6 { !important;position: relative; top: 20% !important;}}
@media (max-width: 1279px) and (min-width: 1200px) {
#imCell_6 { !important;position: relative; top: 20% !important;}}
@media (max-width: 1199px) and (min-width: 1080px) {
#imCell_6 { !important;position: relative; top: 20% !important;}}
@media (max-width: 1079px) and (min-width: 800px) {
#imCell_6 { !important;position: relative; top: 17% !important;}}
@media (max-width: 779px) and (min-width: 640px) {
#imCell_6 { !important;position: relative; top: 0% !important;}}
@media (max-width: 639px) and (min-width: 480px) {
#imCell_6 { !important;position: relative; top: 12% !important;}}
@media (max-width: 479px) and (min-width: 360px) {
#imCell_6 { !important;position: relative; top: 12% !important;}}
@media (max-width: 359px) and (min-width: 320px) {
#imCell_6 { !important;position: relative; top: 10% !important;}}
</style>

Have a nice Weekend

Czytaj więcej
Posted on the from Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
Klaus G.
Hallöle KolAsim,  ich habe jetzt mal diese Variante probiert, so kann ich es wenigstens mal Miitig ausrichten.  ...[...]... ...  Have a nice Weekend

... Ihr Engagement und Ihre persönlichen Ideen, um das Ziel zu erreichen, sind immer gültig und befriedigend......

ciao, e ... Have a nice Weekend ...wink

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Klaus G.
Klaus G.
User
Autor

Hallo KoplAsim,

durch die Funktion Full Height hat sich das mit der aufwendigen CSS erledigt, jetzt kann man eigens gestalltete INTRO-SEITEN schön mittig (Displayhöhe) setzen.

Gruß

MCMACMASTER

Czytaj więcej
Posted on the from Klaus G.