Probleme mit Homepage

Guten Morgen

Ich bin totaler Anfänger und weiß nicht mehr weiter.

Ich möchte gern ein Hintergrundbild so anzeigen lassen das es immer auf 100% angezeigt wird auf jedem Bildschirm in jedem Browser. Ich weiß aber nicht wo mein Fehler liegt.

Hier ist mein Code:

html>
head>
title>Anna´s Homepage
link rel=„stylesheet“ type=„text/css“
href=„data/background.css“>
meta name=„author“ content=„Robin“>
/head>
body>
table style=„text-align: left; width: 987px; height: 692px;“
border=„1“ cellpadding=„2“ cellspacing=„2“>
tbody>
tr>
td style=„height: 15%;“ colspan=„2“ rowspan=„1“>

/td>
/tr>
tr>
td style=„width: 70%;“>
td style=„width: 30%;“>
/tr>
/tbody>
/table>
br>
/body>
/html>

Und hier ist der Code der in der background.css steht:

body {
background-image:url(…/images/urlaub.gif);
background-repeat:no-repeat;
background-position: 100% 100%;
}

Hallo,

Ich bin totaler Anfänger und weiß nicht mehr weiter.

Ich bin auch nicht viel weiter :wink:

Ich möchte gern ein Hintergrundbild so anzeigen lassen das es
immer auf 100% angezeigt wird auf jedem Bildschirm in jedem
Browser. Ich weiß aber nicht wo mein Fehler liegt.

Ich glaube, dass das schlicht nicht geht.

Cheers, Felix

Hallo, technofreak,
Felix hat recht, das wird nicht gehen, es sei denn das Bild läßt sich nahtlos kacheln.

Du weißt weder, welchen Browser Dein Besucher verwendet, noch weißt Du, wie groß das Fenster ist, durch das er Deine Seite betrachtet und über die Auflösung seines Bildschirms weißt Du auch nichts.

Was Du lediglich machen kannst ist, das Hintergrundbild zentriert in das Browserfenster zu stellen.

Gruß
Eckard

Hintergrundbild skalieren
Hallo Technofreak,

ein Bild per HTML oder CSS zu skalieren ist zwar theoretisch möglich, aber nicht nur schlechter, sondern sehr schlechter Stil, und wirkt sich logischerweise negativ auf die Darstellungsqualität aus.

Weil, weder das hochskalieren, noch das runterskalieren von Grafiken über die entsprechenden Attribute ist sinnvoll oder erwünscht. Einzige Ausnahme sind Verläufe und Blind-GIFs.

Da eine Grafik eine feste Größe in Pixeln hat wird bei jeder Skalierung entweder etwas hinzugefügt, oder entfernt. Grafikprogramme können hier einen Qualitätsverlust ausgleichen - Browser können das nicht, denn dafür sind sie nicht da.

Gruß
Maja

p.s. Übrigens, Tabellen sind nur zur Darstellung tabellarischer Daten vorgesehen, nicht für Layoutzwecke.