Bild auf der ganzen seite im Browser anzeigen

kai1 · 15.03.2011

Weis leider nicht genau wie ich das schreiben soll. Habe Gestern aus versehen leider eine Wichtige datei gelöscht, und bekomme sie nicht wieder hin.
Habe eine datei die zum Beispiel 500x500 Pixel ist das sie in jeden Broser angepast angezeigt wird, aber die datei soll jetzt nicht so gemacht werden 100% X 100% da dann das Bild leider nicht mehr richtig angezeigt wird wenn man einen Bildschirm von 1920x1200 ist nur ein Beispiel.
Ich hatte einen Qode der das alles richtig anzeigt ohne grosse verluste von dem Bild.
Hoffe das es hier den einen oder anderen Profi gibt der weiss wie ich das meine, und eine Lösung für mich hat.
vielen dank

Robbyn- · 15.03.2011

AW: Bild auf der ganzen seite im Browser anzeigen

Wenn ich dich richtig verstanden habe suchst du den Befehl

PHP:

background-size

der das Bild egal wie groß die Auflösung des Bildschirmes ist immer auf 100% des Bildschirmes anzeigt.

Hier ein Link dazu, dort wird alles Schritt für Schritt erklärt.

CSS3 im Detail: Background-Size – Norman's Blog

MfG.Robbyn

kai1 · 15.03.2011

AW: Bild auf der ganzen seite im Browser anzeigen

Robbyn- schrieb:
Wenn ich dich richtig verstanden habe suchst du den Befehl

PHP:

background-size

der das Bild egal wie groß die Auflösung des Bildschirmes ist immer auf 100% des Bildschirmes anzeigt.

Hier ein Link dazu, dort wird alles Schritt für Schritt erklärt.

CSS3 im Detail: Background-Size – Norman's Blog

MfG.Robbyn

Ja genau so was habe ich mir vorgestellt nur mein Code war etwas anders den konnte ich so einfügen und das würde dann so alles in den Grossen angezeigt wie ich es wollte

dies ist mein Qode nur ich weiss nun echt nicht wie ich das machen muss das es richtig angezeigt wird

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<div align="center"><img src="image/massengrab.jpg" width="400" height="268" /></div>

Robbyn- · 15.03.2011

AW: Bild auf der ganzen seite im Browser anzeigen

Nun ich würde mal sagen wenn du das Bildals Hintergrund Bild haben möchtest würde ich dies nicht in einem DIV machen sondern direkt über background-image.

Zum Beispiel in einer CSS Datei die dann in das HTML Formular eingefügt wird.

PHP:

body{
	background:url(image/massengrab.jpg) no-repeat;
        -moz-background-size:cover; /* Firefox */
	-webkit-background-size:cover; /* Safari, Chrome */
	background-size:cover; /* Opera, W3C Standard */

}

so müsste das ungefair aussehen.

MfG.Robbyn

kai1 · 15.03.2011

AW: Bild auf der ganzen seite im Browser anzeigen

Robbyn- das hast du echt super erklärt und vorbereitet vielen vielen dank

michas · 17.03.2011

AW: Bild auf der ganzen seite im Browser anzeigen

Hi,
auch wenn es ein wenig Offtopic ist, aber mir persönlich gefällt es überhaupt nicht, wenn ich solche Texte lesen muß:

Habe eine datei die zum Beispiel 500x500 Pixel ist das sie in jeden Broser angepast angezeigt wird, aber die datei soll jetzt nicht so gemacht werden 100% X 100% da dann das Bild leider nicht mehr richtig angezeigt wird wenn man einen Bildschirm von 1920x1200 ist nur ein Beispiel.

Da fällt es mir teilweise sogar schwer, den Inhalt richtig zu verstehen. Kannst Du kein richtiges Deutsch?

Gruß Micha