mit3gt

Hello I have an issue that has been plaguing me for months. I have an HTML website for a local baseball league. On the front page (middle of page) I have a section for news, this is basically a WP blog inside an iframe. I do this so league admins can update the website with news without having to mess with html code. They just use the WordPress apps on their smart devices to update the news on the website. Here is the problem I am running into. Every time, a new post is created on the blog, the page becomes longer. I have the height of my html page set to auto. I also have to set the height on the iframe, which is fine until new posts are added to the news blog. I then start losing posts on the bottom because the height set on the iframe cannot adjust itself to the new posts requiring me to go in and update the iframe height every time a new post is made. Sure I can put a scroll bar in but it looks terrible and 2 scroll bars is a big no no on web pages, or so I have read, it looks terrible anyway. I can also just set a very large height on the iframe to account for new posts, that looks terrible as well, a lot of empty space on the bottom of the page. I need the height on the iframe to automatically adjust its height based on the wp blog height. I have read multiple ways to do this, and cannot get it to work, so I am now pleading for some help. What I have learned is that iframes are a terrible idea, that should be avoided at all costs. There are better ways to achieve desired results. Its just iframes seemed like a good way to solve certain problems without getting in way over my head. So I pushed forward trying to get this to work,. I have tried multiple javascript combinations I found on the web, nothing seems to work. If anyone has any other suggestions I am all ears. I would like to keep the whole blog page which is formatted to match my html site. My blog is located on the same domain as the html site. Anyone have an tips on how to get this to work? Thanks in advance.