I'm having problems getting CSS to do what I want! I'm very new to using it so please be as basic as possible if you can help.
Here's the html code:
<body>
<div id="div-1"></div>
<div id="div-1a"><img src="Images/Common/TL-Background.gif" /></div>
</body>
Here's the CSS code:
/* CSS Document */
body
{
text-align: center;
background-color: #cc0000;
}
#div-1
{
background-color: #FFFFFF;
width: 800px;
height:600px;
position: relative;
}
#div-1a
{
position:absolute;
left: 0px;
top: 0px;
width: 315px;
height: 359px;
}
Here's what I get:
Here's what I want:
Basically I want everything to be relative to the white box.
Cheers,
Nige.
Here's the html code:
<body>
<div id="div-1"></div>
<div id="div-1a"><img src="Images/Common/TL-Background.gif" /></div>
</body>
Here's the CSS code:
/* CSS Document */
body
{
text-align: center;
background-color: #cc0000;
}
#div-1
{
background-color: #FFFFFF;
width: 800px;
height:600px;
position: relative;
}
#div-1a
{
position:absolute;
left: 0px;
top: 0px;
width: 315px;
height: 359px;
}
Here's what I get:
Here's what I want:
Basically I want everything to be relative to the white box.
Cheers,
Nige.
