I am SICK and TIRED of having this stupid issue. I have a very simple page. A background image which fits the entire browser with:

position: absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:0;

And I also have a blasted table which has two lines and a small image. The problem is that when I re-size the page, HUGE white regions appear to the right and the bottom! Why does this happen?! Here is the code for the table. Please tell me how should I get around this without breaking anything.

#text
{
	position:absolute;
	z-index:2;
	font-family:Times New Roman;
	font-size:32px;
	color:#FFF;
	top:auto;
	text-align:center;
	width: 100%;
	border: 5px hidden;
	overflow: hidden;
}

Thanks,
C

Recommended Answers

All 3 Replies

Post HTML.

Post HTML.

<table align="center" cellspacing="50px" id="text" hspace="0px"/>
<th>You are now on the About page. </th>
<tr><td>Some descriptive text to be inserted here in order to give information  </td></tr>
<tr><td><a href="index.htm"/> <img src="_images/Cross.jpg" width="80" height="80"/></td></tr>
</table>

Reset the margin and padding.

body {
    margin: 0;
    padding: 0;
}

This one is universal format. It will set margin and padding to '0' for all HTML elements.

* {
    margin: 0;
    padding: 0;
}
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.