Home/ Questions/Q 7033243
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T01:02:27+00:00

Note : repeat , repeat-x , repeat-y All of them don’t work. So I

  • 0

Note : repeat , repeat-x , repeat-y All of them don’t work.

So I have the following HTML & CSS code. I tried many ways but couldn’t get to work. The image I want to repeat is XYZ.png.

<html>
<head>
<title>IOP</title>
<style>
body > header {
  background : url("a.png") repeat-x scroll 0 0 transparent;
  box-shadow : 0 1px 4px rgba(0, 0, 0, 0.2);
  width : 100% 
  position : relative;
  z-index : 10; 
  height: 57px; }
 #MAN {
  height:100%;
  padding : 30px 0 25px;
  background: url("XYZ.png") repeat ;
  }

</style>
</head>
<body>
<header></header>
<div id="man">
</div>
</body>
</html>

I even tried height:100% but that gave me a scroll bar.

Regards,
Netizen

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

        <html>
<head>
<title>IOP</title>
<style>
body > header {
  background : url("a.png") repeat-x scroll 0 0 transparent;
  box-shadow : 0 1px 4px rgba(0, 0, 0, 0.2);
  width : 100% 
  position : relative;
  z-index : 10; 
  height: 57px; }
 #MAN {
  height:500px;
  width: 500px;
  padding : 30px 0 25px;
  background: url("XYZ.png") repeat ;
  }

</style>
</head>
<body>
<header></header>
<div id="man">
</div>
</body>
</html>

    Add width and height to #MAN in pixels. Usualy height and width 100% will take size of its parrent. Try using wrapper div that will have widht 960px, and then inside wrapper every element with width 100% will take 960px width.
    This is joust from my head didnt tested. Hope its ok. I havent wrote any html css for months now 🙁

    • 0