Identical code behaving differently on weebly

[jkn600]

Hi,

I do not know how active these forums are but I am hoping I can get a timely response. I am trying to embed twitch chat next to the video player as 2 divs inside a single div, so that it can scale relatively with the window size (putting height="100%" on the twitch chat in a separate HTML element causes a more than lengthy window as there is no forced aspect ratio as opposed to the video player)

expected result within w3Schools playground:

https://gyazo.com/f6f760480ffc1159348f0225eaeca236

identical code brought into Weebly result:

https://gyazo.com/22aa91fc678bb9aef909dc73eef5d673

If anyone could help me with this issue (if possible) that would be a BIG help.

Thanks!

P.S I really want to move from Weebly to WordPress but my web development skills are basic and it will take too much work to replicate my site, so I'm stuck with Weebly till I can afford someone to do it, unfortunately).

[braybin]

@jkn600

With w3 in my experience you can sometimes get a skewed version of what you're looking for because the editor window is smaller than your full screen. You need to find the name/class/tag of the twitch chat and manipulate it with CSS. Can you link the website where you have tried this? Divs inside of divs can be a tricky endeavor for sure, especially when you are trying to take screen sizing into consideration. I would be willing to lend a hand at getting your styles working properly and might have more to suggest besides screenshots alone.