Auf unserer Homepage haben sich user beschwert, dass die Hintergrundbilder bei ihrer auflösung falsch angezeigt werden. Die Seite ist für 1024*768 optimiert. Wenn jetzt aber user mit einer höheren Auflösung die seite besuchen, dann wird das hintergrundbild doppelt und dreifach angezeigt. Gibt es da eine möglichkeit das mit HTML so zu gestalten, dass der Hintergrund für alle Auflösungen als 1 Bild angezeigt wird?
Hintergrundbild auf der Homepage
-
premutos -
27. August 2005 um 09:44 -
Erledigt
-
-
<style type="text/css">
<!--
body {
background-image: url(image/xxx.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
}
-->
</style>Sowas?
-
Ja, sowas ist schon gut, danke für die sehr schnelle antwort....
aber gibt es auch einen befehlt, der die größe des Bildes immer der Bildschirmauflösung anpasst, bzw. der Fenstergröße?
Also, dass ein 1600*1200 Auflösender Bildschirm auch das Bild als kompletten Hintergrund hat? und nicht nur das Bild in 1024*768??? sonst hat man immer schwarze ränder neben dem bild
-
das weiß ich nicht, ob es sowas gibt...
Bei solchen Dingen sollte man pixelgenau arbeiten, denn einer 1024er Bild zerbröselt ziemlich mit 1600er Auslösung. Umgekehrt, was willst den Leuten dann zumuten?
Aber da muß bugcatcher was zu sagen, bin da nicht bewandert...
-
da hast du natürlich auch recht......das wäre dann ziemlich pixelig das bildchen......man kann das natürlich so lassen, wie dein erster tipp, sieht gut aus...habe da mal eine probeseite gemacht und allen mitwirkenden der homepage geschickt, die haben alle unterschiedliche auflösungen....die werde schon sage obs gefällt oder nicht
-
Hintergrund-Bilder skalieren geht grundsätzlich nicht.
Um die Dynamik zu erreichen, müsste man einen Hintergrundlayer mit einem <img> einbinden, dass über die per Javascript ermittelten Bildschirmauflösung dann in der grösse geändert wird.
Das ist aber alles andere als empfehlenswert.
1.) Skalierte Bilder verpixeln in Browsern sehr grob, da Browser keine Bildbearbeitungsprogramme sind und daher keinerlei Grafikbibliotheken mitbringen, die die Bilder neu berechnen können.
2.) Wenn Javascript deaktiviert ist, war alles für den allerwertesten.
3.) Bringt die Layertechnik für den Rest der Seite einige Einschränkungen, bzw. komplizierte Umstellungen.
Ausserdem sollten niemals so grosse Grafiken verwendet werden. Es gibt Leute bei denen noch kein DSL verfügbar ist.
-
einzig was mir einfällt, aber wie gesagt, das ist nun laienhafte Denkweise, verschiedene Seiten, die man dann bekommt, je nachdem, mit was man ankommt. also 1024er bekommen die 1024, die 800er - immerhin knapp 5% die 800er... u.s.w.
-
ja das wäre möglich, aber auch ne menge arbeit, alle seiten für 800*600, 1024*768 usw zu basteln....das ist mir zu viel maloche.
Ich warte mal ab was die anderen homepage-mitglieder dazu sagen und dann poste ich zur not nochmal hier. Aber erstmal 1000000000000DANK für die schnelle hilfe
-
so, alles ausprobiert und sind zu dem entschluss gekommen, dass der bisherige HTML code super klappt...noch besser wäre es aber, wenn das hintergrundbild zentriert wäre und nicht oben links in der ecke hängen würde und der rest schwarz ist (bei einer höheren auflösung). Gibts da ne möglichkeit?
-
Code
Alles anzeigen<style type="text/css"> <!-- body { background-image: url(image/xxx.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-color: #ffffff; } --> </style>
und für #ffffff deine gewünschte farbe einsetzten ..
ffg. http://de.selfhtml.org/css/eigenschaf…htm#allgemeines -
eine möglichkeit groß > klein zu machen...
[Blockierte Grafik: http://img389.imageshack.us/img389/9158/tabelle14mg.th.png]
was dann so wird...
[Blockierte Grafik: http://img366.imageshack.us/img366/4905/tabelle28ab.th.png]
allerdings sind Tabellen für Text da, und das da, war ein Hilfsmittel von früher, also ein HG mit vielen kleinen Bildern zum großen werden zu lassen... :oops:
Naja, ich kriegs nun mal noch nicht anders hin... ist alles net so einfach.