Hallo Leute,
ich habe auf einer Website 3 DIVs nebeneinander. Auf meinem 27 Zoller wird alles richtig angezeigt. Wenn ich aber die Website kleiner mache, werden alle in einer anderen Höhe dargestellt. Ich habe es schon mit height="...px" probiert, es haut zwar hin, aber wenn ich jetzt mit dem Handy die Website aufrufe, dann wird alles komplett anders dargestellt. Hier einmal der Code:
HTML-Dokument
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20:
| <div id="element-ce7c1faa-e82b-4754-a869-bd5a3b53906e" data-platform-element-id="694046499467037623-1.2.6" class="platform-element-contents" > <div class="callout-box-wrapper"> <div class="callout-box--standard item"> <div class="element-content"> <div style="width: auto;><div></div><div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/8/3/1/2/83128648/x2.png" alt="Bild" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>
<div class="wsite-spacer" style="height:10px;"></div>
<div class="paragraph" style="text-align:center;"><font size="5">Freundlicher Support</font></div>
<div class="paragraph" style="text-align:center;"><span><font size="4">Egal was Ihr Anliegen ist, unser Support wird sich jederzeit um Ihre Supportanfrage kümmern. Und das vollkommen kostenlos.</font></span></div></div> </div> </div> </div> </div> |
Wie kann ich es machen, dass die Höhe auf allen Monitoren gleich aussieht?
Moderiert von Narses: Beiträge zusammengefasstBzw ich habe ein Formular mit padding-left: 10%. Wenn die Website auf dem Handy geöffnet wird, soll das padding-left aber nur 1% haben. Wie kann ich das machen?
"Wer keinen Sinn im Leben sieht, ist nicht nur unglücklich, sondern kaum lebensfähig" - Albert Einstein