Comments on: Why is youtube breaking the styles on my webpage?

Question: Why is youtube breaking the styles on my webpage?

quibx — Fri, 14 Apr 2006 08:11:30 -0800

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.

By: smackfu

smackfu — Fri, 14 Apr 2006 08:49:59 -0800

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>

By: quibx

quibx — Fri, 14 Apr 2006 09:23:55 -0800

The page works, but the font changes after the youtube video.

By: matthewr

matthewr — Fri, 14 Apr 2006 09:36:05 -0800

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?

By: AwkwardPause

AwkwardPause — Fri, 14 Apr 2006 09:36:54 -0800

^seconded.

By: Rhomboid

Rhomboid — Fri, 14 Apr 2006 09:54:17 -0800

I see no verdana anywhere -- this is how it looks in my browser.

By: Rhomboid

Rhomboid — Fri, 14 Apr 2006 09:56:20 -0800

(Okay I misspoke, the "Name/Toy Line/Number" stuff is verdana... I meant the whole #reviewcontent DIV is arial.)

By: quibx

quibx — Fri, 14 Apr 2006 12:16:42 -0800

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

Rhomboid - thanks for the screenshot....