4

Please see the two pictures below.

1) Chrome OK. I have CSS panel in HTML panel.

enter image description here

2) Firebug ISSUE. There is no CSS panel in HTML panel. How to make in appear?

enter image description here

BiscuitBaker
  • 173
  • 1
  • 13
Green
  • 607
  • 4
  • 11
  • 21

2 Answers2

4

If you click the arrow icon in the top-right of the Firebug window, it should show the Style options for you:

Firebug icon

Firebug with style open

Edit:

In response to your question below, you can move the sidebar between the right and bottom of the screen by toggling the "Vertical Panels" option in the main Firebug menu:

enter image description here

BiscuitBaker
  • 173
  • 1
  • 13
  • Yes, I found. But you have that arrow shows left/right. And your CSS console appears on the right side. My arrow shows up and down and CSS console appears under HTML console. How to make it appear to the right like in your image? – Green Aug 15 '14 at 13:37
  • 1
    @Green There's an option in the main Firebug menu to toggle vertical panels. I've updated my answer to include this information for you. – BiscuitBaker Aug 15 '14 at 13:44
0

I got the same view of @Green where the properties/variable was show in bottom.

I tried the option Vertical Panels but not solved for me.

So I solved with Reset Option ☺ :-D

Reset Option

Mirko Cianfarani
  • 103
  • 5