how to get the data of a div of 400px height

Usha Talakanti

10y1.2k

i am having a div of 1000px height which consists of text in that i want to get 400px height div text

11 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sakthikumar Thanavel10y ago
No need to put the content in different div. just put the content in one div that should be parent of another div. set the width and height to outter div scroll as hidden. in the pagination just adjust the margin. It will satisfy our requirement.
0
Usha Talakanti10y ago
the Div height is 1000px and the text in the div is also 1000px . i want pagging of 0px to 400px height as one div and another div is 400px to 800px height with the text. i want to split the text according to div height.

it means in the first div i want to show 0px to 400px div height text and in second div height is from 400px to 800px text and so on.

reffer this link

http://jsfiddle.net/74W4N/7/

you will get idea.
0
Raja T10y ago
Hi, Please explain your requirement not understanding. what you need where you using paging and div height only 1000px and div text only 100px ? Please i am not understanding your requirement.
0
Usha Talakanti10y ago
Actually i want to perform pagging for that div
0
Raja T10y ago
Hello Usha, Try to avoid mention dive height/width.Because once content is there in div automatically div is extended. You can use em instead of px. dont give height any where it is not good. try like

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium. Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium. Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium. Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium. Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor.
0
Usha Talakanti10y ago
Yes. from 100px to 300px div height text
0
Venkata Subbareddy10y ago
Hi usha, u need text starting from 100px this right?
0
Usha Talakanti10y ago
This is my example content in a div and it is height of 1000px . in this div i want to get text from 100px height of div
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium. Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium. Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium. Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium. Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor.
0
Venkata Subbareddy10y ago
please share me screen Short
0
Usha Talakanti10y ago
In That div Height i want text also....
0
Venkata Subbareddy10y ago
Hi Usha,
Apply the styles, like that,.
0