Home/ Questions/Q 8554563
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T14:54:40+00:00

This is my HTML file <html> <head> <style type=text/css> body { background-image: url(Images/android_background.png); background-repeat:

  • 0

This is my HTML file 

<html>
<head>

<style type="text/css">
body
{
background-image: url(Images/android_background.png);
background-repeat: no-repeat;
}
</style>
</head>
<body>

<div class="wrapper">

<div id='cssmenu' style="position:relative;   top:100px; ">
<ul>
<li class='active '><a href='#'><span>Home</span></a></li>
<li><a href='#’><span>Android</span></a>
</li>
<li><a href='#'><span>About</span></a></li>
<li><a href='#'><span>Contact</span></a></li>
<li><a href='#'><span>extra</span></a></li>
</ul>
</div>

<center>

<table  border="1" style="position:relative; top:200px; "> 
<tr><td> Under Construction </td> </tr> 
<tr><td> Under Construction </td> </tr>  
<tr><td> Under Construction </td> </tr>   
<tr><td> Under Construction </td> </tr>
<tr><td> Under Construction </td> </tr>  
<tr><td> Under Construction </td> </tr>  
<tr><td> Under Construction </td> </tr>  
<tr><td> Under Construction </td> </tr>
</table>

</center>

<div class="push"></div>


</div>


<div class="footer" style=" position:relative; top:300px;" >
<img src="android/Images/home_background.png" />
</div>


</body>
</html>

Output :enter image description here

While zoomout this webpage, background and footer image alignment is changed. Output after making zoomout is:enter image description here

I am very new for web page designing. I don’t know why this happen? can you give some solutions?

Thanx in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are zooming page out, but your background image isn’t endless, that’s why you can see the white space on the left. You can tune your CSS to repeat the background horizontally:

    body {
  background-image: url(Images/android_background.png);
  background-repeat: repeat-x;
}

    You also can reduce the size of the image file by croping it to be only 1 px wide. Your background will be visually the same but the website will be loading faster.

    • 0