Warum kostenlos registrieren?
Nur als registriertes Mitglied hast Du vollen Zugriff auf alle Funktionen unserer Website. So kannst Du eigene Fragen stellen und hast die volle Übersicht über neue interessante Themen im Forum.
Jetzt kostenlos registrieren.
Login
Kleine Frage in HTML
6 Beiträge • Seite 1 von 1
Kleine Frage in HTML
von DruLuc am 30.03.2007, 14:25
Haha habe eine kleine "Anfänger" Frage in HTML, wie kann ich nem Hintergrundbild im HTML Dokument sagen, das es sich an die größe des browsers anpassen sol?
- DruLuc
- Beiträge: 1150
- Registriert: 21.07.2005, 20:45
- Wohnort: Seligenstadt am Main
von H-milch am 30.03.2007, 22:39
Ich glaube dein vorhaben ist weder mit html noch mit CSS möglich. ich kenne noch nicht einmal einen befehl, um die größe des hintergrundbildes zu ändern(wenn es sowas gibt postet das bitte damit ich auch was lerne). die einzige möglichkeit, die mir einfällt ist, verschieden große bilder zu erstellen und mit Javascript je nach Auflösung das passende bild anzeigen zu lassen.
- H-milch
- Beiträge: 130
- Registriert: 18.07.2006, 23:18
von H-milch am 31.03.2007, 12:50
...
<script type="text/Javascript">
<!--
function setbg(){
var breite = screen.width;
var obj = document.getElementById("body");
if (breite < 1024){
obj.style.backgroundImage = "url('./data/Image0.jpg')";}
else if(breite >= 1024 && breite < 1280){
obj.style.backgroundImage = "url('./data/Image1.jpg')";}
else if(breite >= 1280 && breite < 1600){
obj.style.backgroundImage = "url('./data/image2.jpg')";}
else if(breite >= 1600){
obj.style.backgroundImage = "url('./data/image3.jpg')";}
else{
obj.style.backgroundImage = "url('./data/image4.jpg')";}
}
-->
</script>
</head>
<body id="body" onload="setbg()">
...
das system ist recht einfach. man könnte also noch andere auflösungen mit einbauen.
zb die 1152*864, die hab ich jetzt mal weg gelassen.
das problem bei diesem script ist, das es wirklich nur das hintergrundbild beeinflusst. dein page aufbau bleibt immer der gleiche. und damit auch immer gleich groß in pixel gemessem. subjektiv wird er größer und kleiner je nach auflösung. wenn du willst, das sich die gesammte seite an die auflösung anpasst, solltest du die seite für mehrere auflösungen aufsetzten und den browser je nach auflösung die passende seite laden lassen.
Woyciechowski[nixkönner] hat dazu schon ein script geschrieben.
http://www.informationsarchiv.net/foren ... 56665.html
mfg
H-milch
<script type="text/Javascript">
<!--
function setbg(){
var breite = screen.width;
var obj = document.getElementById("body");
if (breite < 1024){
obj.style.backgroundImage = "url('./data/Image0.jpg')";}
else if(breite >= 1024 && breite < 1280){
obj.style.backgroundImage = "url('./data/Image1.jpg')";}
else if(breite >= 1280 && breite < 1600){
obj.style.backgroundImage = "url('./data/image2.jpg')";}
else if(breite >= 1600){
obj.style.backgroundImage = "url('./data/image3.jpg')";}
else{
obj.style.backgroundImage = "url('./data/image4.jpg')";}
}
-->
</script>
</head>
<body id="body" onload="setbg()">
...
das system ist recht einfach. man könnte also noch andere auflösungen mit einbauen.
zb die 1152*864, die hab ich jetzt mal weg gelassen.
das problem bei diesem script ist, das es wirklich nur das hintergrundbild beeinflusst. dein page aufbau bleibt immer der gleiche. und damit auch immer gleich groß in pixel gemessem. subjektiv wird er größer und kleiner je nach auflösung. wenn du willst, das sich die gesammte seite an die auflösung anpasst, solltest du die seite für mehrere auflösungen aufsetzten und den browser je nach auflösung die passende seite laden lassen.
Woyciechowski[nixkönner] hat dazu schon ein script geschrieben.
http://www.informationsarchiv.net/foren ... 56665.html
mfg
H-milch
- H-milch
- Beiträge: 130
- Registriert: 18.07.2006, 23:18
von DruLuc am 31.03.2007, 13:18
Hi danek ich werde da sprobieren, geht auch nur um das hintergrund bild, weil die zielgruppe die häufig auf die seite ghet unterschiedlichste auflösungen hat!
- DruLuc
- Beiträge: 1150
- Registriert: 21.07.2005, 20:45
- Wohnort: Seligenstadt am Main
von BlueScreen-Bertrand am 01.04.2007, 11:09
Für img-Tags:
<img src="./bild.jpg" width="100%" />
So wird das Bild vollständig an die Browsergröße angepasst. Das funktioniert auch mit Tabellen und allem anderen, wo man die Breite festlegen kann.
<img src="./bild.jpg" width="100%" />
So wird das Bild vollständig an die Browsergröße angepasst. Das funktioniert auch mit Tabellen und allem anderen, wo man die Breite festlegen kann.
- BlueScreen-Bertrand
- Moderator
- Beiträge: 11254
- Registriert: 28.11.2005, 19:01
- Wohnort: Waldshut-Tiengen
6 Beiträge • Seite 1 von 1
Ähnliche Themen
| das kleine Dingens v. Northon is weg Forum: Software-Hilfe Autor: maus Antworten: |
kleine punkte auf dem notebook monitor Forum: Hardware-Hilfe Autor: Anonymous Antworten: |
Frage bzgl. Einwahl 0190-Dialer Forum: Hardware-Hilfe Autor: Anonymous Antworten: |
Frage.... Forum: Hardware-Hilfe Autor: Anonymous Antworten: |
frage zu DAVIDEO VCED SE??? Forum: Software-Hilfe Autor: Anonymous Antworten: |
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste