HTML/CSS Background

07/25/2010 23:06 KentuckyFC#1
Hi,

Ich möchte meinen HTML/CSS hintergrund auf einer Website Gestreckt haben das er egal bei welcher auflösung immer die seite ausfüllt ohne dabei die seite in die länge zu ziehen. Ich muss noch Font und Font Color bearbeiten aber Momentan sieht es so aus:



und der code dazu so:
Wisst ihr ne lösung?
----------------
Listening to: [Only registered and activated users can see links. Click Here To Register...]
07/26/2010 00:50 Alisami#2
Könnte wie folgt aussehen:

<head>
<title>Dein Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<SCRIPT LANGUAGE="JavaScript1.2" src="aufloesung.js">
</script>

</head>
<body>
</body>
</html>

Dies wäre dann der Inhalt deiner Datei, die vor der Seite mit der Grafik geladen wird. Die "aufloesung.js" könnte dann so aussehen:

if (window.screen)
{
if (screen.width<1024) self.location.href="1024.htm";
else if (screen.width>1024) self.location.href="1280.htm";
else self.location.href="1024.htm";
}

Bei einer Aflösung bis 1024x768 wird also die "1024.htm" aufgerufen und alles was darüber ist bekommt die "1280.htm".

Dann erstellst du einfach die unterschiedlichen Versionen mit den unterschiedlichen Grafikgrössen und fertig.
07/26/2010 01:18 KentuckyFC#3
Okay komplizierter als gedacht^^ ich probiers mal
07/26/2010 01:48 rhodi#4
Als erstes nimmst du das BG Bild aus dem <body> Tag und löscht aus dem CSS body{} Tag background-image, background-repeat, height, width und position raus.

Dann fügst du nachdem <body> Tag folgendes ein:
<img style="top: 0pt; left: 0pt; position: absolute; z-index: -1; width: 100%; height: 100%;" alt="" src="bilder/rappelzw44ikLL6f6qx0.jpg">

Dann brauchst du auch kein JavaScript und mehrere HTML Dateien. ;)
07/26/2010 02:13 KentuckyFC#5
Jaa genau so wollt ich das danke

Rhodi^^

aber auch danke Alisami