How to Fix Youtube Iframe that overlapped div or menus

I’ve been struggling this issue almost of the time when tried adding youtube iframe videos especially below the menus. This problem mostly seen on IE. You found it weird because it looks good on Firefox and Chrome but when checking to IE and urrrggghhhh, why the hell it overlapped the menus.

The solution to this issue is to have <param name="wmode" value="transparent" /> within the <object> tag. But as this is an YouTube video, and we are using iframe to embed the YouTube video, we can’t add <param name="wmode" value="transparent" /> to the code. So the perfect solution is, tried adding  ?wmode=transparent at the end of your youtube URL.

Example:

How to Code: HTML/CSS

The very first important thing about learning how to make a website is you must first learn the very basic of HTML/CSS coding. I bet you, there is no need to go to school just to learn this things. There are lots of tutorial that can be found on the web. If you have the enthusiasm and willingness to learn, i’m pretty sure you can be an expert on it. You should remember that learning how to code is not that easy as 1,2,3. It needs time, hardwork and patience just to learn all of this things. So if you’re just starting on it, don’t be in a hurry it wasn’t done only for weeks or months, it is a continuous learning all the time as technology has always change every second.

And so, for this very first step of learning i may recommend you to enroll this course. You should need to understand the basic of what html and css codes needed to run a website.

Step 1. Go to this site http://www.codecademy.com

Step 2. Register to login.

Step 3.  Click the HTML & CSS tab.course-1-2

Step 4. You will be directed to this page. Follow the instructions at the left side and start learning. Have Fun!!!

course-1

Scroll To Top