Axel Richter: Hintergrundbild verdeckt bottom border

Beitrag lesen

SELF-Forum

Hintergrundbild verdeckt bottom border

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

Wie man sieht hat der Div-layer einen Hintergrund der rechts angeordnet ist und sich in der y-achse wiederholt. Jedoch hat dieser Div-layer auch eine borderline die am unteren Rand des Div-layers entlang läuft. Mein Problem ist, dass das Hintergrundbild diesen Border im Firefox schlichtweg überdeckt.

Welcher FireFox zeigt schon dieses CSS2.1-konforme Verhalten? Meiner (Firefox/1.0.6) noch nicht. Jedenfalls nicht in folgedem Testszenario:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
       "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<title>BGImage und Border</title>  
<style type="text/css">  
<!--  
.historier7c1 {  
 position:absolute;  
 left:0px;  
 top:88px;  
 width:107px;  
 height:115px;  
 z-index:8;  
 border-bottom-color:red;  
 border-bottom-style:solid;  
 border-bottom-width:10px;  
 background-image:url(beispiel.jpg);  
 background-position:right;  
 background-repeat:repeat-y;  
 visibility:visible; }  
-->  
</style>  
</head>  
<body>  
  
<div class="historier7c1">  
 <p>Testtext</p>  
</div>  
  
</body>  
</html>

Allerdings ist genau das Verhalten, welches Du beschreibst, das, was ab CSS2.1 gelten soll:
CSS2:
If a background image is specified, this property specifies whether the image is repeated (tiled), and how. All tiling covers the content and padding areas of a box.

CSS21:
If a background image is specified, this property specifies whether the image is repeated (tiled), and how. All tiling covers the content, padding and border areas of a box.

viele Grüße

Axel

Beitrag melden
–
Informationen zu den Bewertungsregeln