Allgemeines » Bild über gesamte Bildschirmgröße

12.06.2018 02:14

YourReef
#1

Yo

Hallo zusammen,

benötige wieder Hilfe. Ich möchte ein Bild über die gesamte Bildschirmgröße anzeigen lassen.
Folgendes habe ich probiert:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<style type="text/css">
/*<![CDATA[*/
/* Error 404 Bild Fensterbreite */
 #cc-m-9506937185 {
        width: 100vw;
        left: calc(-50vw + 50%);
        position: relative;
        padding: 0px;
    }
 
    #cc-m-9506937185 img {
        height: auto !important;
        width: 100vw;
    }
/*]]>*/
</style>
 

Soweit so gut, das Bild wird links und rechst an den Bildschirm angepasst. Allerdings möchte ich, dass wirklich nur das Bild über die komplette Bildschirmgröße angezeigt wird. Navigation, Titelbild, Footer, etc. soll alles nicht angezeigt werden. Es geht um Folgende Seite: https://www.your-reef.de/error-404/

So in etwa soll es dann später aussehen: https://prezi.com/fahd
Kann mir jemand helfen?

Vielen Dank.
Gruß Dominik

Antworten

Beitrag melden

#2

12.06.2018 07:16 (zuletzt bearbeitet: 14.06.2018 09:43)

az_
#2

az_

...das würde ich mit jQuery .load lösen. Du brauchst sowieso ein Skript, das feststellt, wann das CSS aussgeführt werden soll (404-Error). Dazu brauchst Du das Bild nur als Download-Element auf eine versteckte Seite zu laden. Den Link kannst Du dann für die .load-Anweisung benutzen.

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

12.06.2018 12:05 (zuletzt bearbeitet: 12.06.2018 12:06)

YourReef
#3

Yo

YourReef

Hallo az,

vielen Dank. Wie genau kann ich einen Besucher von Jimdos 404-Error Seite dann auf meine 404-Error Seite weiterleiten? (Hast du eventuell einen Code?)
Das Problem mit dem Bild über die gesamte Seite konnte ich inzwischen selbst lösen.

Werde den Code, sobald ich fertig bin, selbstverständlich hier posten. Eine Hand wäscht die Andere ;-)

Gruß Dominik

Antworten

Beitrag melden

#4

14.06.2018 09:42 (zuletzt bearbeitet: 14.06.2018 09:42)

az_
#4

az_

...hab ich, aber da ist ein Copyright drauf. Manchmal muss ich auch ein bisschen Geld verdienen.

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html