HP größe an Auflösung anpassen

Kosta_91 · 9. Juni 2010

Also ich hab ein Skript mir Bild für die Homepage geschrieben. Wenn ich jedoch die Seite
mit verschiedenen Auflösungen aufruf, passt sich das Hintergrundbild nicht an! Ich hab auch schon
gegoogelt. aber nichts passendes gefunden! Wär super wenn mir jemand sagen kann, wie
ich das Bild variable machen kann!
Hier das Script:

<html>
<head>
<body background="ewfg.jpg" height="100%" width="100%">
<form action="anmelde1.php" method="POST">
<table border="5" align="center" rules="rows" >
<tr>
<td><b>Benutzername:</b></td><td><input type="text" name="BName"></td>
</tr>
<tr>
<td><b> Passwort:</b></td><td><input type="text" name="Passwort"></td>
</tr>
<tr >
<td align="right"><input type="reset" value="reset" ></td>
<td align="right"><input type="submit" value="Einloggen" ></td>
</tr>
<tr>
<td colspan="2" align="center"></td>
</tr>
<tr>
<td colspan="2" align="center">Neu hier? Dann klick <a href="reg.html" target="">hier!</a></td>
</tr>
</table>
</body>
</head>
</html>

Revolution · 9. Juni 2010

Ist normal daran kannst du nichts machen da es hier noch keinen Standard gibt den alle Browser verstehen.

Kosta_91 · 9. Juni 2010

Wenn ich jedoch auf computerbase.de gehe, sieht die Seite immer gleich
asu, egal welche Auflösung, kannman nicht per Javascript was schreiben, was
die Seite anpasst oder so?

cx01 · 9. Juni 2010

Wie meinst du "das Hintegrundbild passt sich nciht an"? Kannst du mal nen Link posten oder so?

Kosta_91 · 9. Juni 2010

Also ich hab ne HP mit einem Hintergrundbild. Wenn ich mit einer Auflösung von
1024x768 die Seite öffne, ist alles OK. Sobald ich aber z.B. mit 800x600drauf gehe, ist das Bild
zu groß und ich hab an der Seite und unten die Schiebebalken! Kann man denn nicht
das Bild je nach Auflösung automatisch kleiner skalieren lassen?

cx01 · 9. Juni 2010

Normalerweise sollte das Hintergrundbild keine Scrollbalken erzeugen. Versuch mal das "width=100%" und "height=100%" aus dem Body-Tag zu entfernen.

HansDampf38 · 9. Juni 2010

1. Das bei CB ist kein Bild was auf 100% vergrößert ist, sondern ein "kleiner" Streifen, der immer wiederholt wird

2. Wenn du wirklich ein Bild als HG haben willst, nehm es nicht als HG des Body, sondern packe es direkt als Image rein... positioniere es absolute und dann top und left auf 0... aber per CSS. Das ganze dann noch den z-index auf -1, das es im Hintergrund bleibt.

Gruß

HD

P.S. der "head" hört VOR dem body auf und nicht danach

Kosta_91 · 9. Juni 2010

Danke für den Hinweis.
Kannst du mal ein Beispiel Skript posten, oder hast du einen link, wo es gut
erklärt ist?

Kagee · 10. Juni 2010

das ist kein script, sondern eine CSS-Definition.

Ein Beispiel:
Nehmen wir an, "bild.jpg" wäre einge Grafik von 1px Breite und 100 px Höhe. Diese Grafik zeigt einen Verlauf, so wie hier bei Computerbase von schwarz (oben) zu blau (unten).

Jetzt kann man den Browser per CSS anweisen, die Grafik über die gesamte Breite der Seite zu kacheln. Kacheln bedeutet, der Browser packt die Grafik sooft nebeneinander bis die Gesamtbreite aller Bilder nebeneinander die Breite der Browserfenster erreicht hat.

das geht so, zum Beispiel

HTML:

HTML:

<html>
<head>
<!-- ... -->
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>
<div id="background"></div>
</body>
</html>

CSS:

Code:

#background
{
	background-image:url('bild.jpg');
	background-repeat:repeat-x;
	width:100%;
	height:100px;
}

HansDampf38 · 10. Juni 2010

ich nehm mal an, du meinst das mit dem Image. Ist aber auch kein Script, sondern auch nur einfachstes CSS

Code:

<style type="text/css">
#hgbild
{
position:absoulte;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:-1;
}
</style>
...
<img id="hgbild" src="xxx.jpg" />
...

Gruß

HD

Agratos · 10. Juni 2010

Warum nicht einfach

Code:

body {
   background-image: url('bild.png');
}

?

HansDampf38 · 10. Juni 2010

Wenn du den Thread gelesen hättest, wüsstest du es. Es geht nicht darum, einfach ein Hintergrundbild festzulegen, sondern das es sich der Browsergröße anpasst.

Agratos · 12. Juni 2010

Wo ist das Problem? Das Bild wiederholt sich so oft, wie es muss und überdeckt den ganzen Hintergrund. Da find ich's schlimmer, wenn das Bild breit gezogen oder gequetscht wird, nur um auf den Bildschrim zu passen.

HansDampf38 · 12. Juni 2010

Ob es eine gute oder schlechte Idee ist, sei dahin gestellt... siehe neuerdings bei Google ** nerv

(war wohl zum Glück nur Gestern)

Aber um sowas wie bei Google gings im aber auch, also nicht um ein Muster was sich wiederholen soll/darf, sondern um ein Bildmotiv... im Prinzip sowas wie den Desktophintergrund bei Windows.

Agratos · 13. Juni 2010

Naja ok, da hast du schon Recht, da darf es sich natürlich nicht wiederholen. Jedem das seine, wenn er es so will, dann wird es auch schon einen Grund haben.

Suche

HP größe an Auflösung anpassen

Kosta_91

Gast

Revolution

Commodore

Kosta_91

Gast

cx01

Lt. Junior Grade

Kosta_91

Gast

cx01

Lt. Junior Grade

HansDampf38

Lt. Junior Grade

Kosta_91

Gast

Kagee

Lt. Junior Grade

HansDampf38

Lt. Junior Grade

Agratos

Lt. Commander

HansDampf38

Lt. Junior Grade

Agratos

Lt. Commander

HansDampf38

Lt. Junior Grade

Agratos

Lt. Commander

Ähnliche Themen