[HTML] 2 Hintergrundbilder?

Jim Phelps

Lieutenant
Registriert
Dez. 2003
Beiträge
647
Hi,

Wie kann ich 2 Hintergrundbilder untereinander erstellen?
Ich möchte auf einer Webseite 2 Themen behandeln. Dabei soll Thema 1 das Hintergundbild X haben. Anschliessend (vertikal) soll Thema 2 mit Hintergrund Y erfolgen.
mit font background bekomme ich es nicht hin. Auch nicht mit 2 Bodyteilen in der html Datei. Es bleibt immer für die ganze Seite Hintergrundbild X.

Vielen Dank, Gruß marcus
 
Ich würde es mit 2 Tabellen versuchen, die sich über die ganze Website verteilen (height, width =100%).
 
Ich würde einfach zwei <div> Elemente erstellen, die unterschiedliche Hintergründe haben:

Hier mal als XHTML Beispiel:

HTML:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
<head>
  <title>Testseite</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body>

<div style="height: 100px; background: url(bild1.jpg) no-repeat;"></div>
<div style="height: 100px; background: url(bild2.jpg) no-repeat;"></div>

</body>
</html>

@IsLaYa: Tabellen sind nicht zum Layouten gedacht in HTML und verursachen nur unübersichtlichen, schwer zu wartenden Code der nicht flexibel ist!
 
Hi,

Danke für eure Antworten.

Ich glaube auch, dass Tabellen zu unflexibel sind. Mit dem Div komme ich auch nicht hin, da die Bilder unterschiedliche Größe haben und ich sie gerne aber im Ergebnis gleich groß hätte.

Gruß Marcus
 
hä? die bilder sind unterschiedlich groß aber du willst das sie gleich groß sind ohne die Bidler zu verkleinern ? Versteh ich ned, was hindert dich dran den divs ne breite zuzuweisen oder die bilder zu skalieren ?
 
Hi,

Das habe ich gerade gesehen. Danke und Sorry.

Gruß Marcus
 
Man könnte auch mit Framesets was anstellen..
 
Wer verwendet denn heutzutage noch frames bei Neuentwicklungen?
 
Zurück
Oben