|
| |
|
|
supermeera
Posts: 1
Joined: 7/8/2003
Status: offline
 |
Expansion problem.. - 7/8/2003 12:44:00
Hi..
I' ve defined 3 styles as sky, back, and section. Sky is simply a box that contains an image to be displayed in the background; back and section are defined as boxes that make a text area with a drop shadow. [Example code below]
#sky {
width: 100%;
height: 500PX;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
background: #fff url(sky.jpg);
}
div.section {
background:737474;
padding:5px;
position:relative;
left: -7px;
top:-7px;
width: 430px;
height: 440px;
}
div.back {
background:#4a4a4a;
position:relative;
margin-top:30px;
margin-bottom:10px;
width: 430px;
height: 440px;
left: 313px;
top: 95px;
}
<div id=" sky" >
<div class=" back" >
<div class=" section" >
<pre class=" bodytype" >Monday, July 07, 2003</pre>
<pre class=" bodytype" >Monday, July 07, 2003</pre>
<pre class=" bodytype" >Monday, July 07, 2003</pre>
<pre class=" bodytype" >Monday, July 07, 2003</pre>
<pre class=" bodytype" >Monday, July 07, 2003</pre>
</div>
</div>
</div>
The problem I' m having is regarding the sky portion, it seems to expand with the text area. So say I have the height of the text area set to 400 px, since this is a template for a blog, it can get longer depending on the posts, the sky expands with it. I have tried using z-values but it doesn' t seem to effect it. To see exactly what I' m talking about please visit, http://members.rogers.com/meera.das/blogger/blogger.htm . As you can see the sky is expanding and so the traffic signals picture looks out of place. Does anyone have any suggestions as to what I can do to fix this?
Thanks!
_____________________________
--
I live my life a quarter mile at a time - Vin Diesel in Fast and the Furious (Words to live by if you'd ask me.. :-)
|
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
