This example works in FF3 and IE7:
<body>
<script src="jquery.js"></script>
<div class="test">asdf</div>
<style>.test{color:blue;background-color:green}</style>
<div class="test">asdf</div>
<script>
alert($("style")[0].style.height);
alert($("style").height());
$("style").remove();
alert("<style> removed");
document.write("<style>.test{color:red;background-color:blue}</
style>");
</script>
<div class="test">asdf</div>
</body>
Does load() use document.write, or?
On Jan 30, 6:09 pm, Ricardo Tomasi <[email protected]> wrote:
> You can't have two instances of those <html> and <head> elements. The
> <style> tag in the body is also non-standard - is it affecting layout?
>
> Have you tried moving the <style> to the head *after* appending the
> content? Or better yet, filtering it before appending, send styles to
> head and only the proper body elements to the container.
>
> On Jan 30, 12:07 pm, ajp <[email protected]> wrote:
>
>
>
> > I created a local html doc to be pulled in through load(). It has a
> > style element - FF and IE apply the new styles, but Safari won't if
> > the style is in the head. So I got rid of the html, body, and head
> > tags so (this is still valid HTML). Now Safari applies the styles on
> > load.
>
> > Now if I iterate through the children of the containing element of my
> > newly-loaded doc, FF & Safari return a height for the STYLE element.
> > Which is odd. It's not like it has any visual representation.
>
> > So there are two things here - I don't know whether there is a fix for
> > Safari to apply styles in the head after an ajax load. Given that all
> > styles are supposed to be in the HEAD (although not in HTML5) I guess
> > styling-after-ajax is not a standard thing.
>
> > But returning a height for the Style seems definitely wrong.
>
> > AJP- Hide quoted text -
>
> - Show quoted text -
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
