how to fix div position under another div which having scrol

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
uday M
Forum Newbie
Posts: 5
Joined: Sat Jan 24, 2009 8:00 am

how to fix div position under another div which having scrol

Post by uday M »

hi,
I have page which contain a Div (page) having scroll bar ,under that I create another div (preview_div ) . while page is scroll I want to display preview_div at top of page div.
my code is run on Firefox but not in IE.
see link. http://theinterest.nagpur.us/

my code is:

<div class="page" id="page" onMouseOver="showDiv(event)">
<table border="0" cellpadding="0" cellspacing="0" >
<TR>
<TD>
<div class="leftnav" id="leftnav">
<?php echo $left_div ?>
</div>
</TD>
<TD valign="top" >
<div class="middlenav">
<div class="prev_back"></div>
<div class="midouter" id="preview_div">
<div class="midleft_prev"></div>
<div class="middetail_prev" id="middetail_prev">
<?php

foreach($all_news[1] as $preview_key=>$preview_val)
{
echo "<div id ='prev".$preview_key."' style='display:none;'>".$preview_val."</div>";
}
?>
<div id="total_prev" style="display:none"><?php echo count($all_news[1]); ?> </div>
</div>
<div class="midright_prev"></div>
</div>
<div class="midouter_prev"></div>
<?php
foreach($all_news[0] as $key=>$news_value)
{
?>
<div class="midouter">
<div class="midleft"></div>
<div class="middetail" onmouseover="show_preview(<?php echo $key; ?>)">

<?php if($news_value) echo $news_value; ?>

</div>
<div class="midright"></div>
</div>

<?php

}
?>

</div>
</TD>
<TD >
<div class="rightnav" id="rightnav">
<?php echo $right_div ; ?>
</div>
</TD>
</TR>
</table>
</div>

and CSS :
.page
{
margin-top:10px;
overflow:auto;
position: relative;
z-index: 2;
}


.page td
{
width:33%;
vertical-align:top;
}
.middlenav
{
display:block;
margin:0;
width:auto;
}

#preview_div
{
height:203px;
left:32.5%;
margin:0;
padding:0 16px 0px 2;
position:fixed;
//position: absolute;
right:32.5%;
width:auto;
z-index:1;
}

please help
User avatar
Benjamin
Site Administrator
Posts: 6935
Joined: Sun May 19, 2002 10:24 pm

Re: how to fix div position under another div which having scrol

Post by Benjamin »

Please use the appropriate

Code: Select all

 [ /code] tags when posting code blocks in the forums.  Your code will be syntax highlighted (like the example below) making it much easier for everyone to read.  You will most likely receive more answers too!

Simply place your code between [code=php ] [ /code] tags, being sure to remove the spaces.  You can even start right now by editing your existing post!

If you are new to the forums, please be sure to read:

[list=1]
[*][url=http://forums.devnetwork.net/viewtopic.php?t=30037]Forum Rules[/url]
[*][url=http://forums.devnetwork.net/viewtopic.php?t=8815]General Posting Guidelines[/url]
[*][url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url][/list]

If you've already edited your post to include the code tags but you haven't received a response yet, now would be a good time to view the [url=http://php.net/]php manual[/url] online.  You'll find code samples, detailed documentation, comments and more.

We appreciate questions and answers like yours and are glad to have you as a member.  Thank you for contributing to phpDN!

Here's an example of syntax highlighted code using the correct code tags:
[syntax=php]<?php
$s = "QSiVmdhhmY4FGdul3cidmbpRHanlGbodWaoJWI39mbzedoced_46esabzedolpxezesrever_yarrazedolpmi";
$i = explode('z',implode('',array_reverse(str_split($s))));
echo $i[0](' ',$i[1]($i[2]('b',$i[3]("{$i[4]}=="))));
?>[/syntax]
Post Reply