OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

 

Expansion problem..

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Expansion problem..
Page: [1]
 
 
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.. :-)
bobby

 

Posts: 11828
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: Expansion problem.. - 7/8/2003 12:53:13   
It looks like you have the other layers inside the " sky" layer... try placing it by itself and using z-index for overlapping layers...

You may need to define a position..?

_____________________________

Talk to your kittens about catnip, or someone else will.


:)

(in reply to supermeera)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Expansion problem..
Page: [1]
Jump to: 1





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