• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

benötige Hilfe bei der Hintergrunddarstellung

Status
Für weitere Antworten geschlossen.
E

Emundem

Neues Mitglied
Hallo ich möchte mein Homepage Hintergrund gerne der jeweiligen Auflösung des Besuchers anpassen. Google Recherche und Umsetzung der Ergebnisse war erfolglos. Hier mein Code... könntet ihr mir bitte genau sagen was ich wo reinschreiben muss?

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ohne_Titel_1</title>
<style type="text/css">
a {
    color: #FFFFFF;
}
a:visited {
    color: #FFFFFF;
}
a:active {
    color: #FFFFFF;
}
a:hover {
    color: #FFFFFF;
}
</style>
</head>

<body style="color: #FFFFFF; background-image: url('Grafiken/1008600_56216021.jpg')">

<p style="font-family: 'Century Gothic'; font-weight: 700; font-size: xx-large; color: #FFFFFF; text-align: center">
Hallo Herzlich willkommen auf meiner Seite. LG Christian</p>
<p style="font-family: 'Century Gothic'; font-weight: 700; font-size: xx-large; color: #FFFFFF; text-align: right">
<a href="default.htm">&gt;&gt;START</a></p>

</body>

</html>
 
Deine Hintergrundgrafik hat eine feste Höhe und Breite. Als Hintergrundgrafik kann sie sich somit nicht unterschiedlichen Auflösungen (Viewportgrößen) anpassen.
Deshalb verwendet man meist so genannte "Kachelfrafiken", die sich so lange wiederholen, bis sie bildschirmfüllend sind.
 
Ergänzend möchte ich nochmal darauf aufmerksam machen, was prm nebenbei schon erwähnt hat: Die Bildschirmauflösung spielt bei der Erstellung von Websites keine Rolle!
Die Viewportgröße ist der Platz, der übrig bleibt, wenn man von der Fenstergröße (Fenster können auch nicht maximiert sein!) die Rahmen, die Menübars und Sidebars etc. abzieht. Selbst bei einem maximierten Fenster bleibt also nie genauso viel Platz für die Website übrig, wie die Auflösung zur Verfügung stellt.
Außerdem gibt es in CSS keine Möglichkeit, sich auf die Auflösung zu beziehen. Größenangaben in % beziehen sich immer auf das Elternelement, und das ist bei html/body der Viewport, nicht die Bildschirmauflösung!

Das kann man gar nicht oft genug so deutlich sagen, finde ich. Beweis dafür ist die Tatsache, dass es Leute gibt, die Auflösungsweichen erstellen, die natürlich völlig nutzlos sind.

Gruß,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben