Calculate UIWebView height with dynamic content - html

Hello I would like to know how to calculate height of a uiwebview with the content height is changing from time to time?
Therefore, it would change after webviewDidFinishLoad delegate method.
e.g. like this one
"<!DOCTYPE html><html><head><script src=\"https://code.jquery.com/jquery-2.1.1.min.js\"></script><meta charset=\"utf-8\"><title>JS Bin</title></head><body><h1>Heading</h1><div></div><h2>Body</h2><p>Attention he extremity unwilling on otherwise. Conviction up partiality as delightful is discovered. Yet jennings resolved disposed exertion you off. Left did fond drew fat head poor. So if he into shot half many long. China fully him every fat was world grave.</p> <p>Excited him now natural saw passage offices you minuter. At by asked being court hopes. Farther so friends am to detract. Forbade concern do private be. Offending residence but men engrossed shy. Pretend am earnest offered arrived company so on. Felicity informed yet had admitted strictly how you. Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an. Active mutual nor father mother exeter change six did all. It prepare is ye nothing blushes up brought. Or as gravity pasture limited evening on. Wicket around beauty say she. Frankness resembled say not new smallness you discovery. Noisier ferrars yet shyness weather ten colonel. Too him himself engaged husband pursuit musical. Man age but him determine consisted therefore. Dinner to beyond regret wished an branch he. Remain bed but expect suffer little repair. </p><p>Attention he extremity unwilling on otherwise. Conviction up partiality as delightful is discovered. Yet jennings resolved disposed exertion you off. Left did fond drew fat head poor. So if he into shot half many long. China fully him every fat was world grave.</p><p>Attention he extremity unwilling on otherwise. Conviction up partiality as delightful is discovered. Yet jennings resolved disposed exertion you off. Left did fond drew fat head poor. So if he into shot half many long. China fully him every fat was world grave.</p> <h3>Footer</h3><script>$(function() {var count = 0;$(document.body).click(function() {var test = count%2 === 0;$('div').css('background', test ? '#AAA' : '#888').height(test ? 150 : 300);count++;}).click();setInterval(function() {$(document.body).click();}, 1500);});</script></body></html>"
Thanks
UPDATE
I tried KVO, the contentSize.height only changed to longer one. It won't goes back to short one. Note that iOS safari could handle it without problem.

It is unlikely you can estimate the size before the content is loaded. However, you can set the web view size based on the content size after the content is loaded in the delegate call webViewDidFinishLoad.

Related

My code returns empty list while running Beautifulsoup for web scraping

I am new to web scraping. I am trying to scrape the reviews from yelp. When I run my code I get an empty list as my output. I used BeautifulSoup to find it. Would really appreciate it if someone can help me...
Here is my code:
import requests
from bs4 import BeautifulSoup
r = requests.get('https://www.yelp.com/biz/bottega-louie-los-angeles')
soup = BeautifulSoup(r.text,'html.parser')
soup.findAll(class_='raw__09f24__T4Ezm')
Output:
[]
The url is dynamic, bs4 can't mimic javascript but data is also generating api calls json response as GET method from where easily can grab data using requests module only.
script:
import requests
URL = "https://www.yelp.com/biz/TkFEKhsCixPWlShULKvMdQ/review_feed?rl=en&q=&sort_by=relevance_desc&start=10"
jsonData=requests.get(URL).json()
for review in jsonData['reviews']:
print(review['comment']['text'].replace('<br>','').replace('</br>',''))
Output:
This review is much overdue : I've dined here quite a few times over the past few years and must admit, it was really missed when closed. My appreciation for Bottega Louie was felt more while they were shut down for over a year since the pandemic hit. Ever since they opened doors a few months ago, the energy really went up in that area.Service has always been top notch. My favorite item on their menu are their chocolate hazelnut beignets which don't resemble authentic ones at all (BL's version are way better to me). When we ordered them to-go the last time, they didn't come filled and the filling came in a container which was not the
same. I love their fresh pastries and some of their beautiful cakes look better than they taste but their tiramisu is hands down -- the best we've had!Their pasta dishes are ok; there
was this seafood turmeric yellow-ish looking plate I had years ago but they took it off the menu which I'll always remember. The Caesar salad dressing is off the charts but the portion and ingredients is a rip off. I'd rather go to Sweet Green for a much more satisfying Caesar salad.Pizzas have always been consistently tasty. Their packaged candy/chocolate gift section is always a great idea for friends and family visiting. Very happy to have them back in action and hope they continue to thrive.
Such a quaint and beautiful bakery/cafe. I was blown away by the beautiful scenery. The food was amazing as well. I orderedMushroom fries- hmmm interesting flavor. Not great though. 3/5Soufflé pancake- Heaven on earth!! 10/10Breakfast sandwich(?) It was very delicious. A little messy, but the bacon was AMAZING???-7/10THE Basic Breakfast which was basic- still fresh ND well
prepared. 6/10The pizza with broccoli. This was a no for me. For 28.00...nope. 2/10. However,
the ingredients were fresh. If it were something other than broccoli. It would have been very
good.All in all, a great spot. Cons- The dogs on the patio are a bad addition. There should be a dogs only area. I have terrible allergies, and we sat next to 2 huge dogs!!! Very bizarre to bring your dog to brunch.
When youve been here before you get used to certain dishes. The lobster hash is now different. **insert sad face** They don't make it with crispy home style potatoes now they use hash
browns which come in a little circle; and comes in a sauce: it is nowhere near the amount that they used to serve. See previous pictures I also ordered the beignets and they came out burnt amount burnt so I sent them back.
No reservation? If you're a party of ~3 or less, just take a seat at the bar for weekend brunch. It's still a lovely experience without the hour-long wait time at the seated portion of the restaurant.I ordered...- Smoked Salmon Benedict: 5/5. The bombbb. Your typical poached egg and hollandaise sauce, but on top of a crispy hash brown (and served with a side salad). It was SO good, and this is coming from someone who doesn't like runny eggs. The serving
size is generous and I was full after the first egg. The salad is simple, but fresh and delicious.- Mimosa: 3/5. Standard drink, nothing special. All cocktails for brunch are $18, so I'd recommend going for something like the Juicy instead. The mint and cucumber in the Juicy make for a lighter, more refreshing drink (and boozier from the vodka).Service was great, and everyone was very friendly considering how busy it was. If you're serious about getting a sit-down meal at BL, I'd highly recommend getting a reservation in advance. Enjoy!
One of the best brunch spots for the money. This place is not overly priced and you'll come out feeing you had one of the best meals of your life.When my girlfriend and I went, we were seated fairly quickly and treated really well from the get go. I recommend coming a bit earlier during the weekend brunch as the line can build up fast. As for the food. Everything we ordered was amazing. The best part of the meal had to be the lobster hash. A close second would be the calamari. Every bite we had on the table was delicious and you probably can't go wrong with anything you order here. The desserts here are also fantastic! Everything is freshly made and wonderfully tasting! Definitely need to come check this place out if you are around. It is worth the wait and worth the money. Come check this place out!
Being half Italian I feel I can spot a great Italian meal right when I taste it so after stopping in for Valentines dinner tonight I can say that this is delicious food and nothing like so many of the non authentic Italian restaurant chains all around the US. They have a great selection of desserts and many will be stopping in for those, but the restaurant service is the real best part. They don't take reservations, nor can you put your name on a waitlist digitally like they say they can do on their VM, but still we only waited 25 minutes tonight and it
was worth it.I had to get an Italian Soda to drink with my meal because they have been something that I have loved since childhood but rarely see anymore, so if you're in the mood for
something sweet I would highly recommend ordering one. For the food we ordered the Carpaccio
to start and it was very good and for $18 it was a fair price. For our entrees we got the Carbonara (which was my favorite) and the Burrata pizza. I can say the pizza is the best that I've had in DTLA, Pizzanista is my other favorite, I was pleasantly surprised how good it was. It had crisped garlic on top and they went above by cooking the spinach before adding it to the pizza which is the authentic way and sadly many other places don't focus on the smaller details as well. Overall a casual and delicious meal. It's priced fairly and can get very busy depending on the day and time so I would be prepared to wait around a half an hour to
be seated. I will be back again soon.
The. Best. Desserts!! Came here with a friend for a celebratory dinner. The food was pretty good. I got the salmon. It was a little bit unevenly seasoned but nothing too bad. My friend mentioned that the pasta was a little bit heavy on the butter. That being said, still great experience overall. Now the desserts, that's where they killed it! We got a box of macarons with assorted flavors. I personally loved the espresso and strawberry ones but each flavor was strong and well executed. We also tried three of their pastries (not exactly sure what their names are) the lemon tart and chocolate bar was amazing. Rich in flavor and well balanced. The apple tart was a little heavy with the apple to filling ratio but still amazing! I highly recommend dropping by to try some of the desserts! The service was amazing as well and there was convenient psrking across the street in a garage. (You do have to pay though) Overall, I would give dinner a 4/5, dessert a 5/5, service a 5/5, and environment a 5/5.
Beautiful interior with amazing food.There was a bit of a wait but that's okay!The pizza was thinly crustedMeatballs were juicyCoffee was strongPasta was flavorfulWhat more can you ask for?
Review for their desserts (no food): Went here on a Sunday night for some sweets. There's
separate seating for ppl getting food vs desserts. Obvi the seating for the restaurant is fancier. Maybe we came too late but most of the cakes were sold out by the time we got there. We were still able to get a small tiramisu for around $18 (if my memory is correct). The full size cake is $40. I was shocked at how expensive the small cake was but it tasted so smooth and creamy. In other words it was very good so I guess I understand why it's expensive. But would I buy it again? Probs not. It's a once in a lifetime experience. Our group also got macarons and that was pricey too. But their macarons are good quality and taste good too. Again,
I prob won't spend this much money on desserts ever again. But I do recommend this place when you want to treat yourself to fancy desserts.
First time at this spot, man is it popular BECAUSE it was packed! Picked up some goodies for my moms birthday. I got:LE NOIRChocolate sponge cake, milk chocolate ganache & dark chocolate ganacheRASPBERRY CHOCOLATEChocolate joconde, raspberry marmalade & chocolate caramel ganacheThey pastries were beautiful! Each looked like a piece of art too pretty to eat! I HAD A BITE OF THE LE NOIR. You talking mouth watering good! The flavors were rich, paired with vanilla Ice cream.. DELICIOUS. Definitely recommend

Content of responsive website goes below fixed header

I have the following simple HTML and CSS code:
body {
margin: 0;
}
.navigation {
width: 80%;
height: 15%;
margin-left: 10%;
position: fixed;
top: 0;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
background-color: yellow;
}
.content {
width: 80%;
margin-top: 10%;
margin-left: 10%;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
background-color: red;
}
<body>
<nav class="navigation">
<div>
Menu
</div>
</nav>
<div class="content">
<p>... </p>
<p>... </p>
<p>... </p>
</div>
</body>
First of all, sorry for the long random content but it is the only way to reproduce my issue on your local computer.
The code above displays a fixed a header and a content of a website.
You can also find all the code in the jsfiddle here.
All this works fine so far.
The idea of the above code is to be responsive so when I minimize the screen the header and content adjust automatically. In general, this seems to work.
However, for the property margin-top:10%; I have the problem that the content goes below the fixed header if I minimize the screen size.
Is there a way to make sure that there is always a margin between the header and the content no matter if I access the website from mobile or from the web?
You can do this, if you move all of the rest of your site content into the .content div (as you have done).
Make these changes to your .content css
Replace margin-top with top: 20%
Add position: absolute
Add height: 80%
Add overflow: auto
This puts all your content into a scrollable container that fills the rest of the height. Which leaves the margin below your menu
But honestly, I wouldn't suggest this from a UX perspective
I further researched the issue and the best approach I could find is to change the margin-top property of the content element to margin-top: 20vh;
body {
margin: 0;
}
.navigation {
width: 80%;
height: 15%;
margin-left: 10%;
position: fixed;
top: 0;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
background-color: yellow;
}
.content {
width: 80%;
margin-top: 20vh;
margin-left: 10%;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
background-color: red;
}
<body>
<nav class="navigation">
<div>
Menu
</div>
</nav>
<div class="content">
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under. Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you gay off asked large style. Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or to being other. Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves. On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation. Was justice improve age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew. Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious. Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit. Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure. Prevent he parlors do waiting be females an message society. Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite ye. Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual. </p>
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under. Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you gay off asked large style. Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or to being other. Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves. On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation. Was justice improve age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew. Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious. Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit. Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure. Prevent he parlors do waiting be females an message society. Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite ye. Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual. </p>
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under. Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you gay off asked large style. Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or to being other. Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves. On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation. Was justice improve age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew. Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious. Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit. Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure. Prevent he parlors do waiting be females an message society. Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite ye. Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual. </p>
</div>
</body>
The solution is explained in the answer here and the vh property is further explained on the website here.
An updated jsfiddle with the solution above can be found here.
The cause of the problem you're seeing is that you're using percentage values. These values are based on on the parent element. In your case the parent element is the <body> tag which defaults to the size of the viewport.
10% height on a 4k screen is very different from 10% on a mobile screen. Consider using different values for your height and margin-top properties. You can either use px values of em values
Something like this:
body {
margin: 0;
display: flex;
justify-content: center;
}
.navigation,
.content {
box-sizing: border-box;
border: 1px solid;
width: 80%;
}
.content p:first-of-type {
margin-top: 0;
}
.navigation {
height: 2em;
position: fixed;
background-color: yellow;
}
.content {
margin-top: 4em;
background-color: red;
}
<body>
<nav class="navigation">
<div>
Menu
</div>
</nav>
<div class="content">
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account
brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under. Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor
difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you
gay off asked large style. Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or
to being other. Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings
outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves. On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh
hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation. Was justice improve
age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew.
Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious. Received overcame oh sensible so at an. Formed do change merely to county it. Am separate
contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake
do produce beloved demesne if am pursuit. Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated
assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure.
Prevent he parlors do waiting be females an message society. Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention.
Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite
ye. Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village
evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual. </p>
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account
brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under. Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor
difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you
gay off asked large style. Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or
to being other. Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings
outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves. On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh
hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation. Was justice improve
age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew.
Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious. Received overcame oh sensible so at an. Formed do change merely to county it. Am separate
contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake
do produce beloved demesne if am pursuit. Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated
assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure.
Prevent he parlors do waiting be females an message society. Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention.
Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite
ye. Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village
evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual. </p>
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account
brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under. Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor
difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you
gay off asked large style. Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or
to being other. Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings
outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves. On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh
hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation. Was justice improve
age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew.
Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious. Received overcame oh sensible so at an. Formed do change merely to county it. Am separate
contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake
do produce beloved demesne if am pursuit. Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated
assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure.
Prevent he parlors do waiting be females an message society. Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention.
Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite
ye. Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village
evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual. </p>
</div>
</body>

Image in one line with a fixed navigation

Please find my code here: https://jsfiddle.net/kbvwpo76/2/
I want to put an image on the left side of the fixed navigation on the top of the page. In the link above you can find an example with some random content.
My issue now is that the image is behind the nagivation and it does not push the navigation to the right altough everything is float:left;
What do I have to change in my code to get the image and the navigation in one line?
Avoid using float:
HTML
<div class="nav-wrapper">
<div class="nav">
<img src="https://t4.ftcdn.net/jpg/00/91/61/81/240_F_91618179_eR79OdR87jR9fp9S3aaiJGz4aGqkkwuE.jpg" />
<div class="button_desktop_01">1.0 Main Menu </div>
<div class="button_desktop_01">2.0 Main Menu </div>
</div>
</div>
CSS
.nav-wrapper, .nav {
width: 100%;
}
.nav-wrapper,
.nav > img {
height: 30px;
}
.nav {
position: fixed;
background-color: #f3f5f6;
}
.nav > * {
display: inline;
padding: 4px;
box-sizing: border-box;
margin: 2px;
}
https://jsfiddle.net/kbvwpo76/4/
You can manually push the navigation bar over to the right using this.
.navigation_desktop {
float: left;
width: 100%;
margin: 2%;
position: fixed;
left: 120px;
}
By default, fixed position elements will ignore floats and the document flow.
It's your topbar which is supposed to be fixed, not your elements inside. Plus, as Alex said, fixed position ignore float properties.
Delete position:fixed on your elements inside your tobar, then set your .nav-wrapper width to 100%; and because your image is 15% large, set your nav items to 85% width (without margins).
Ex :
.nav-wrapper {
height: 30px;
width: 100%;
position: fixed;
top: 0;
left: 0;
background: #eee;
}
.navigation_desktop{
float: left;
width: 85%;
}
.button_desktop_01{
float: left;
width: 20%;
cursor: pointer;
background: hsla(0, 100%, 50%, 0.5);
}
.image {
width: 15%;
float: left;
}
<div class="nav-wrapper">
<div class="image">
<b>Image goes here and should be on the same height as the Menu</b>
</div>
<div class="navigation_desktop">
<div class="button_desktop_01">1.0 Main Menu </div>
<div class="button_desktop_01">2.0 Main Menu </div>
</div>
</div>
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under.
Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you gay off asked large style.
Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or to being other.
Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves.
On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation.
Was justice improve age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew. Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious.
Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit.
Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure. Prevent he parlors do waiting be females an message society.
Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite ye.
Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual.
</p>
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under.
Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you gay off asked large style.
Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or to being other.
Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves.
On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation.
Was justice improve age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew. Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious.
Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit.
Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure. Prevent he parlors do waiting be females an message society.
Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite ye.
Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual.
</p>
<p>Am no an listening depending up believing. Enough around remove to barton agreed regret in or it. Advantage mr estimable be commanded provision. Year well shot deny shew come now had. Shall downs stand marry taken his for out. Do related mr account brandon an up. Wrong for never ready ham these witty him. Our compass see age uncivil matters weather forbade her minutes. Ready how but truth son new under.
Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity nor difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you gay off asked large style.
Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or to being other.
Received shutters expenses ye he pleasant. Drift as blind above at up. No up simple county stairs do should praise as. Drawings sir gay together landlord had law smallest. Formerly welcomed attended declared met say unlocked. Jennings outlived no dwelling denoting in peculiar as he believed. Behaviour excellent middleton be as it curiosity departure ourselves.
On then sake home is am leaf. Of suspicion do departure at extremely he believing. Do know said mind do rent they oh hope of. General enquire picture letters garrets on offices of no on. Say one hearing between excited evening all inhabit thought you. Style begin mr heard by in music tried do. To unreserved projection no introduced invitation.
Was justice improve age article between. No projection as up preference reasonably delightful celebrated. Preserved and abilities assurance tolerably breakfast use saw. And painted letters forming far village elderly compact. Her rest west each spot his and you knew. Estate gay wooded depart six far her. Of we be have it lose gate bred. Do separate removing or expenses in. Had covered but evident chapter matters anxious.
Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit.
Cause dried no solid no an small so still widen. Ten weather evident smiling bed against she examine its. Rendered far opinions two yet moderate sex striking. Sufficient motionless compliment by stimulated assistance at. Convinced resolving extensive agreeable in it on as remainder. Cordially say affection met who propriety him. Are man she towards private weather pleased. In more part he lose need so want rank no. At bringing or he sensible pleasure. Prevent he parlors do waiting be females an message society.
Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered humanity its desirous. Minuter believe service arrived civilly add all. Acuteness allowance an at eagerness favourite in extensive exquisite ye.
Remain valley who mrs uneasy remove wooded him you. Her questions favourite him concealed. We to wife face took he. The taste begin early old why since dried can first. Prepared as or humoured formerly. Evil mrs true get post. Express village evening prudent my as ye hundred forming. Thoughts she why not directly reserved packages you. Winter an silent favour of am tended mutual.
</p>

Hide text after script load

How do I move Spritz box to the top of page when it loads? Or, how do I remove all text from the page after Spritz gets the text? And, how can I make it so that anyone who visits the page can upload a .txt file for Spritz to read?
I'm trying to code a very simple web page in HTML, but I'm having some problems.
The end result of what I'm trying to do is that when my page finishes loading, nothing shows up except for the Spritz Box (see code below) which I want to start showing the words from the book (again, see code below).
The problems I am having is that the text is taking up too much space on the page (were talking about a couple hundred thousand words here, I removed a bunch for sake of this question). This causes problems with the area that Spritz shows up in (usually at the bottom of the massive page of text).
<!DOCTYPE html>
</style>
<div id="bodyContent" class="mw-body-content">
<font size="0">
The Magicians - Lev Grossman
BOOK I
BROOKLYN
Quentin did a magic trick. Nobody noticed.
They picked their way along the cold, uneven sidewalk together: James, Julia, and Quentin. James and Julia held hands. That’s how things were now. The sidewalk wasn’t quite wide enough, so Quentin trailed after them, like a sulky child. He would rather have been alone with Julia, or just alone period, but you couldn’t have everything. Or at least the available evidence pointed overwhelmingly to that conclusion.
“Okay!” James said over his shoulder. “Q. Let’s talk strategy.”
James seemed to have a sixth sense for when Quentin was starting to feel sorry for himself. Quentin’s interview was in seven minutes. James was right after him.
“Nice firm handshake. Lots of eye contact. Then when he’s feeling comfortable, you hit him with a chair and I’ll break his password and e-mail Princeton.”
“Just be yourself, Q,” Julia said.
Her dark hair was pulled back in a wavy bunch. Somehow it made it worse that she was always so nice to him.
“How is that different from what I said?”
Quentin did the magic trick again. It was a very small trick, a basic one-handed sleight with a nickel. He did it in his coat pocket where nobody could see. He did it again, then he did it backward.
“I have one guess for his password,” James said. “Password.”
It was kind of incredible how long this had been going on, Quentin thought. They were only seventeen, but he felt like he’d known James and Julia forever. The school systems in Brooklyn sorted out the gifted ones and shoved them together, then separated the ridiculously brilliant ones from the merely gifted ones and shoved them together, and as a result they’d been bumping into each other in the same speaking contests and regional Latin exams and tiny, specially convened ultra-advanced math classes since elementary school. The nerdiest of the nerds. By now, their senior year, Quentin knew James and Julia better than he knew anybody else in the world, not excluding his parents, and they knew him. Everybody knew what everybody else was going to say before they said it. Everybody who was going to sleep with anybody else had already done it. Julia—pale, freckled, dreamy Julia, who played the oboe and knew even more physics than he did—was never going to sleep with Quentin.
Quentin was thin and tall, though he habitually hunched his shoulders in a vain attempt to brace himself against whatever blow was coming from the heavens, and which would logically hit the tall people first. His shoulder-length hair was freezing in clumps. He should have stuck around to dry it after gym, especially with his interview today, but for some reason—maybe he was in a self-sabotaging mood—he hadn’t. The low gray sky threatened snow. It seemed to Quentin like the world was offering up special little tableaux of misery just for him: crows perched on power lines, stepped-in dog shit, windblown trash, the corpses of innumerable wet oak leaves being desecrated in innumerable ways by innumerable vehicles and pedestrians.
“God, I’m full,” James said. “I ate too much. Why do I always eat too much?”
</font>
</div>
<script type="text/javascript">
// Javascript URL redirection
window.location.replace("javascript:(function(){function%20loadScript()%7Bvar%20script=document.createElement(%27script%27);script.setAttribute(%27type%27,%27text/javascript%27);script.setAttribute(%27charset%27,%27UTF-8%27);script.setAttribute(%27async%27,%27true%27);script.setAttribute(%27src%27,%27https://sdk.spritzinc.com/js/1.2/bookmarklet/js/SpritzletOuter.js%3F%27+(new%20Date().getTime()).toString().substring(0,7));document.documentElement.appendChild(script);script.onload=script.onreadystatechange=function()%7Bvar%20rs=script.readyState;if(!rs%20||%20rs===%27loaded%27%20||%20rs===%27complete%27)%7Bscript.onload=script.onreadystatechange=null;Spritzlet.init();}};}if(window.Spritzlet)%7BSpritzlet.activate();}else%7Bwindow.Spritzlet=window.Spritzlet%20||%7B};window.Spritzlet=%7Borigin:window.location.protocol+%27//%27+window.location.host,loaderVersion:1.0};loadScript();}})();");
</script>
You want spritz window to appear on top of the page and you're ok with text being hidden, did I get it right? If so just hide the text with css display: none and you're ready to go, check this out

grow a div vertically without a scroll bar

I have the following CSS code:
#maincol{
background-color: #fff;
position: relative;
width:1360px;
height:800px;
padding:0px 0px 0px 30px;
}
#widgetcontainer{
background-color: #00386B;
position: relative;
width:1390px;
height:100%;
Margin: 0px 0px 0px 0px;
Padding:0px 10px 0px 0px;
Overflow:auto;
}
.widget{
background-color: #BAC6DE;
float:left;
width:200px;
height:100%;
margin:0px 10px 0px 0px;
padding:0px 10px 0px 0px;
}
I want to make code grown without the use of a scroll bar, so when the 100% is reached, the div continues to grow with the text. But i want to use the mainscroll bar in IE and not within the iFrame.
The HTML looks like this as you can see (if you put this in JFIDDLE) it adds a scroll bar:
<div id="wrapper" class="clearfix">
<div id="maincol">
<div id="widgetcontainer">
<div class="widget">
<div class="hover">
<!----------Start NAVIGATION PANEL----------->
TEAM HOME
BASE LINKS PAGE
EMAIL DRAFT
<!----------End NAVIGATION PANEL----------->
</div>
</div>
<!----------Start BASE Links----------->
<font size=5><strong><p>Please Enter Your First Title Here . . .. . .</p></strong></font>
<p>Please Enter Your First Description Here . . .</p>
<P>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole
heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so
happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be
incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When,
while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage
of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the
trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the
little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel
the presence of the Almighty, who formed us in his own image, and the breath
<P>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole
heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so
happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be
incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When,
while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage
of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the
trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the
little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel
the presence of the Almighty, who formed us in his own image, and the breath
<P>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole
heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so
happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be
incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When,
while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage
of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the
trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the
little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel
the presence of the Almighty, who formed us in his own image, and the breath
<P>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole
heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so
happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be
incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When,
while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage
of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the
trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the
little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel
the presence of the Almighty, who formed us in his own image, and the breath
<P>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole
heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so
happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be
incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When,
while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage
of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the
trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the
little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel
the presence of the Almighty, who formed us in his own image, and the breath
<P>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole
heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so
happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be
incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When,
while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage
of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the
trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the
little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel
the presence of the Almighty, who formed us in his own image, and the breath
<!----------End BASE Links----------->
<br clear=all>
</div>
</div>
But looking at the past questions im not sure if it can be done?
Any thoughts?