HTML/CSS Background

KentuckyFC · 07/25/2010, 23:06

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:

Spoiler

und der code dazu so:

Spoiler

Wisst ihr ne lösung?
----------------
Listening to:

Alisami · 07/26/2010, 00:50

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.

KentuckyFC · 07/26/2010, 01:18

Okay komplizierter als gedacht^^ ich probiers mal

rhodi · 07/26/2010, 01:48

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.

KentuckyFC · 07/26/2010, 02:13

Jaa genau so wollt ich das danke

Rhodi^^

aber auch danke Alisami