how to divide the browser into two equal portion. I have to display pdf file in top portion of browser window with scrolling feasility..i already implemented this by using iframe..
But i want a solution to display the same thing that is in pdf file using server control to below portion of the browser with scrolling feasility..
means in top area for display pdf questionnaire file and below area for display UI of questionnaire..
Anyone please give me an idea for display the UI with scrolling feasility to the below area of browser
Thanks in advance
I want scrolling feasility for both window seperately..i achieved that on the above area ..means when displaying pdf files in iframe the scrolling automatically comes into it..But i have to display one question paper on the below area designed using server
control...in this case how to achieve scrolling feasility
v-ambily
Member
155 Points
141 Posts
how to divide browser into two equal portion with scrolling feasility
May 03, 2012 04:25 AM|LINK
Hai..
how to divide the browser into two equal portion. I have to display pdf file in top portion of browser window with scrolling feasility..i already implemented this by using iframe..
But i want a solution to display the same thing that is in pdf file using server control to below portion of the browser with scrolling feasility..
means in top area for display pdf questionnaire file and below area for display UI of questionnaire..
Anyone please give me an idea for display the UI with scrolling feasility to the below area of browser
Thanks in advance
tusharrs
Contributor
3230 Points
668 Posts
Re: how to divide browser into two equal portion with scrolling feasility
May 03, 2012 04:44 AM|LINK
css
<style type="text/css">
#wrapper {
width: 1000px;
border: 1px solid black;
overflow: hidden; /* will contain if #first is longer than #second */
}
#first {
width: 1000px;
height:400px;
float:left; /* add this */
border: 1px solid red;
}
#second {
height:400px;
border: 1px solid green;
overflow: hidden; /* if you don't want #second to wrap below #first */
}
</style>
html
<div id="wrapper">
<div id="first">
first div
</div>
<div id="second">
second div
</div>
</div>
( Mark as Answer if it helps you out )
View my Blog
narasappa
Participant
960 Points
458 Posts
Re: how to divide browser into two equal portion with scrolling feasility
May 03, 2012 04:46 AM|LINK
ravi.jadiyannavar@gmail.com
Pls Mark This Post As Answer If it Helps U..
Thanku
v-ambily
Member
155 Points
141 Posts
Re: how to divide browser into two equal portion with scrolling feasility
May 03, 2012 05:28 AM|LINK
Hai Friends..
I want scrolling feasility for both window seperately..i achieved that on the above area ..means when displaying pdf files in iframe the scrolling automatically comes into it..But i have to display one question paper on the below area designed using server control...in this case how to achieve scrolling feasility
Thanks
tusharrs
Contributor
3230 Points
668 Posts
Re: how to divide browser into two equal portion with scrolling feasility
May 03, 2012 06:08 AM|LINK
change the css for second div
#second {
height:400px;
border: 1px solid green;
overflow: scroll;
}
( Mark as Answer if it helps you out )
View my Blog