1 reply [Last post]
martjojo1
martjojo1's picture
Offline
newbie
Last seen: 7 years 32 weeks ago
Timezone: GMT+2
Joined: 2013-04-15
Posts: 1
Points: 2

Hey all,
first of all nice website.

I'm working on a code whithout page refresh using javascript fadeIn and fadeOut,
for that i'm using div's on top of eachother and they can have different heights.
because they're on top of eachother they need to have a absolute position.

<style>
.container {
width:275px;
min-height:300px;
border:1px solid #000;
position:absolute;
}
#wrapper {
//Must wrap around this div's
}
</style>
<div "wrapper">
    <div id="1" class="container">some tekst</div>
    <div id="2" class="container">some more tekst</div>
    <div id="3" class="container">some more tekst</div>
    <div id="4" class="container">some more tekst</div>
    <div id="5" class="container">some more tekst</div>
</div>

So you've probably noticed.. i need to wrap around this unknown height.
Any tips or 'you can do it else' 's?

some example in jsfiddle ( or some same site ) would be nice..

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 6 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi martjojo1, You should be

Hi martjojo1,
You should be able to use position:relative and z-index to stack them, that way the wrapper should still recognise the dimensions of the containers