✔ background über div

G

GateRene

Grünschnabel
Hi Leute,
habe folgendes Problem:

css.css
Code: 
body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #50493D url(bg_l.gif) top left repeat-y;
}
#background2{
 background: url(bg_r.gif);
 background-repeat: repeat-y;
 top: 840px;
 left: 800px;
 width: 200px;
 height: 140px;
 position: absolute;
}

index.php
PHP: 
<!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" lang="de">
<head>
  <link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
<div id="background2"></div>

</body>

</html>

Warum wiederholt er beim div background2 nicht das Bild mit repeat-y? Wenn ich das im body mache, klappt es...

Danke für die Hilfe
 
Hi,

sprichst du von dem Fall, dass der Boxenhintergrund nicht wiederholt wird, wenn darin der Inhalt zunimmt?

Das hängt mit der gesetzten height:140px-Deklaration zusammen, denn diese Angabe wird von den standardkonformen Browsern als fixe Elementhöhe interpretiert.

Lösung: Definier in diesem Fall stattdessen mit min-height:140px eine Mindesthöhe für diese Box.

mfg Maik
 
mhh hat leider nicht geklappt... vielleicht ist das problem nicht wirklich klar geworden...
ich hab die seite mal hochgeladen.

http://www.foto-am.de/startseite/index.php

ich will, dass sich der leere filmstreifen immer wiederholt, bis das seitenende erreicht ist... auf der normalen seite habe ich das mit einem einfachen hintergrundbild geschafft, hier ist nur das problem, dass ich zwei unterschiedlich große filmstreifen habe...
 
Wenn du der Einfachheit halber die beiden Hintergrundbilder nicht zu einem zusammensetzen willst / kannst, besteht die Möglichkeit, eine äußere Box zu definieren, die den vollständigen Seitenaufbau / -inhalt in sich aufnimmt, und ihr das Hintergrundbild zuzuordnen, das dann entsprechend rechts positioniert wird.

In deinem Fall sind aber alle absoluten Positionsangaben des "Innenlebens" hinderlich, dass sich die Höhe dieser Box ihrem Inhalt angleicht, da diese Bereiche mit dieser Positionierungstechnik aus dem normalen Textfluß genommen wurden.

mfg Maik
 
ich habs jetzt hinbekommen, es lag tatsächlich an der height... da ich sie begrenzt hatte, konnte er nicht wiederholen, ich hab sie nun auf 100% gesetzt und es läuft...

danke für die hilfe!
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück