We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

When using webtools inspector, what does a yellow triangle next to a css setting mean?

  • 1 reply
  • 2 have this problem
  • 1 view
  • Last reply by cor-el

more options

I design webpages for a local charity. I'm trying to get a css setting of "height:650px" to work. The setting is in a div in a page. When I use the inspector to look at this element, a green bar displays on the left, the "height:650px" is crossed out and a yellow triangle with what might be an exclamation mark displays on the right. Obviously the browser is ignoring my height specification but does not specify which part of the css environment IS deciding what height to use.

I must say that Firebug used to enable fairly rapid debugging of these problems. I'm a bit disappointed that you (who ever made the decision) decided to drop Firebug support. J

I design webpages for a local charity. I'm trying to get a css setting of "height:650px" to work. The setting is in a div in a page. When I use the inspector to look at this element, a green bar displays on the left, the "height:650px" is crossed out and a yellow triangle with what might be an exclamation mark displays on the right. Obviously the browser is ignoring my height specification but does not specify which part of the css environment IS deciding what height to use. I must say that Firebug used to enable fairly rapid debugging of these problems. I'm a bit disappointed that you (who ever made the decision) decided to drop Firebug support. J

Chosen solution

Note that you can hover the exclamation mark to see additional information in a tooltip. It is possible that the height property isn't allowed for this element. You can search the MDN website for this element to see what properties are allowed.

Firebug is a legacy (XUL based) extension and thus will stop working in Firefox 57+. A lot of work has been done to add some Firebug features to the Firefox developer tools and this is still not finished.

Read this answer in context 👍 1

All Replies (1)

more options

Chosen Solution

Note that you can hover the exclamation mark to see additional information in a tooltip. It is possible that the height property isn't allowed for this element. You can search the MDN website for this element to see what properties are allowed.

Firebug is a legacy (XUL based) extension and thus will stop working in Firefox 57+. A lot of work has been done to add some Firebug features to the Firefox developer tools and this is still not finished.