IMG Header responsive
Hallo zusammen,
ich versuche gerade mein Logo responsive zu machen, aber leider klappt das nicht so ganz. Mittels: Code:
.innerheadermob { Wie muss der Tag den richtig heißen, das es immer auf die passende VIEW-Größe angepasst wird? Vielen Dank. Gruß Tobias |
Zitat:
|
Passend meine ich das es automatisch die relative höhe und die richtige breite der Displaygröße hat.
|
Meine Kristallkugel sagt mir, dass das Elternelement von „.innerheadermob„ keine feste Höhe hat. :)
Oder worauf soll sich die „height: 100%;“ beziehen? ;) . |
Zitat:
. |
Meine Kristallkugel ist gerade aus der Reparatur zurück und sagt mir, dass du mit headermob und logo-mob mobil meinst. Das kann doch nicht der korrekte Weg sein, das einzubinden? Wieso wird das Logo als Hintergrundbild eingebunden, ist es denn nicht wichtig? Und warum nicht als svg?
|
Guten morgen zusammen,
wie würde ich es denn richtig einbinden. Ein Eltern-Element gibt es nicht. Da hast du recht. Wie kann ich denn dem Elemet Code:
<div class="innerheadermob"></div> Ich habe das Logo als jpg und png. Kann also beides verwenden. Gruß und Danke |
Abgesehen vom root Element gibt immer ein Eltern Element.
Und wie schon vorhin gesagt: Binde das Logo auch als Bild ein und nicht als Hintergrundbild. max-width: 100% dürfte deiner Anforderung nahe kommen, sofern meine Kristallkugel das korrekt interpretiert. |
Super, danke habe ich gemacht. Es hat geklappt.
Gruß und Danke |
Zitat:
viewport → html (root) → body → … :) HTML-Code:
<!DOCTYPE html> |
Alle Zeitangaben in WEZ +2. Es ist jetzt 14:16 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023