Wie kann man ein Bild am unteren Bildschirmrand beginnen lassen?

...komplette Frage anzeigen

3 Antworten

In dem von dir gezeigten Beispiel wird die Höhe des Containers mit Hilfe von Javascript gesetzt. In etwa so:

// container selektieren, der das Bild enthält
var container = document.querySelector(".maxheight");
// Funktion definieren, die die Größe setzt
function setSize() {
  container.style.height = window.innerHeight + "px";
}
// Funktion beim betreten der Seite aufrufen
setSize();
// und erneut aufrufen wenn die Fenstergröße verändert wird
window.addEventListener("resize", setSize);

Demo http://codepen.io/anon/pen/WwPdeK

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von lightup
09.05.2016, 02:27

Ok ich werde das mal ausprobieren. Vielen Dank. Ich melde mich nochmals ob ich es hinbekommen habe.

0
Kommentar von lightup
10.05.2016, 22:21

Vielen vielen Dank! Hat alles super geklappt.

1

In deiner Beispiel-Webseite wird das Bild nicht von unten geladen - mach mal deinen Browser flacher (von oben nach unten) und refresh, dann wird das Bild unten abgeschnitten, also ladet es von oben.

Google mal das css-Elemewnt "canvas", das würde ich  dafür benutzen.

Beim Gestallten einer Webseite solltest du allerdings auch an die bots denken die versuchen deine Seite bei den Suchmaschinen zu indexieren. In dem Fall deiner Beispielseite sieht der Quelltext furchtbar aus ... da rennen die bots weg - sprich, der Aufbau der Seite sollte suchmaschinen freundlich gestalltet sein und inline-styling ist ein no-no.

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von fluffiknuffi2
08.05.2016, 14:52

css-Elemewnt "canvas"

Du meinst wohl das HTML-Element "canvas"? :p

0
Kommentar von lightup
08.05.2016, 22:06

Ok vielen Dank ich werde mir das mal ansehen. Ja die Webseite habe nicht ich gemacht. Ich fand eben diese "Unterteilung" interessant.

0
Kommentar von Dory1
08.05.2016, 23:07
  1. Wie soll denn ein Canvas-Element dem Fragesteller helfen?
  2. Bots interessieren sich nicht für den Quelltext sondern für die Inhalte einer Webseite.
0

Da fehlt der Link um nach zu sehen.

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von lightup
08.05.2016, 22:04

Habe ich nachgereicht sorry

0

Was möchtest Du wissen?