Why is youtube breaking the styles on my webpage?

April 14, 2006 8:11 AM

Why is youtube breaking the styles on my webpage?

When I embed a youtube video onto a page in my site (warning - self link) it breaks the style of everything after it. Specifically, it reverts to a higher-level style. I have body set to Verdana, but the div the content is in is set to Arial.

This error happens in both mozilla and firefox, but not IE.

I think that the code supplied by youtube to embed videos is not xhtml compliant, but that's all they offer.

posted by quibx to technology (7 comments total)

Is that linked page supposed to be broken in Firefox? It looks fine to me. Their embed code is nothing too exciting:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/kx4d33Q43bA"></param><embed src="http://www.youtube.com/v/kx4d33Q43bA" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

posted by smackfu at 8:49 AM on April 14, 2006

The page works, but the font changes after the youtube video.
posted by quibx at 9:23 AM on April 14, 2006

Not for me. Arial is used for all the article text. I'm using Firefox 1.5 on Windows XP.

I'm sure you've done this already, but remember to press Ctrl-F5 to refresh the stylesheet. Also, bear in mind that none of us are logged in to the site. Are you? If so, does that change any markup/css?
posted by matthewr at 9:36 AM on April 14, 2006

^seconded.
posted by AwkwardPause at 9:36 AM on April 14, 2006

I see no verdana anywhere -- this is how it looks in my browser.
posted by Rhomboid at 9:54 AM on April 14, 2006

(Okay I misspoke, the "Name/Toy Line/Number" stuff is verdana... I meant the whole #reviewcontent DIV is arial.)
posted by Rhomboid at 9:56 AM on April 14, 2006

matthewr nailed it - when you are not logged in, it displays fine. Cleared both the cache and the stylesheet.

Rhomboid - thanks for the screenshot....
posted by quibx at 12:16 PM on April 14, 2006