Home/ Questions/Q 9130929
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T08:03:16+00:00

When I load a page, there is a style attribute that has been added

  • 0

When I load a page, there is a style attribute that has been added to the <body> tag that is not there in my templates. How do I discover what javascript has modified it?

Just to be clear, the body tag is now:

<body class="home page" style="margin-top: -43px;">

So the style is not coming from a style sheet. While the template does not include the “style=” bit at all. So I’m pretty sure that some running javascript is modifying the body tag.

I have both Firefox/Firebug and Chrome Inspector available to me. I have tried right clicking on the body tag in “HTML”/”Elements” view and choosing “break on attributes modification” but the change has happened by the time I can do that, and the break point does not survive a page reload.

I’m using Django and jQuery in case that alters the answer.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is the possibility it is added server side too. If you search your source files for the stylesheet name it should appear in either a JavaScript or a Python file. i.e. grep for “mystylefile.css”

    You could disable JavaScript and see if it is still added if you want to narrow it down.

    Update

    Finding what added the margin-top to the element will be harder! You could search your JavaScript files for “margin-top” and see how many results you get back – or add the JavaScript files one by one until one causes it to be added.

    • 0