How to override display: table cell


Tags: css,firefox,css-tables

Problem :

I am having an issue with the layout of my website in Firefox it works in Chrome. It is also hard to show you my code because I am using some plug ins to add elements so it is not just in normal HTML. The images inside the table cell are being displayed full size in Firefox which is messing up my layout.

I was playing around with the inspector and I saw that if I untick display:table cell the layout goes back to how I want it. Could I please have a pointer of how to override this in the CSS?



Solution :

The default value of the display property depends on the specific element, but for layout elements it is most likely block. Therefore you can use display:block to reset the value to its cascading default.


    CSS Howto..

    How can we control the size of a special character?

    how to define style for a group of child elements from parent element's style?

    How can I get my coloured Bootstrap popover to render properly?

    How do I disable the shadow only on one edge?

    navbar is split into multiple div classes - how to stick them all to the top on scroll? (javescript)

    How can I change CSS style definition to make border on specific div

    Is it possible to apply css transitions on svg nodes? If yes, how?

    How to make a grid (like graph paper grid) with just css?

    How to stop css inheritance in sub unorder list

    How to apply nested css using jQuery?

    How do I stop and change a CSS keyframe in Javascript?

    How to get SASS working with RequestReduce?

    How can I click a specific li without an id or class?

    Design Issue: How to design a webpage that should show 11 elements with a description for each elements? [closed]

    How to check a css propert is supported?

    How to fix this css float problem?

    How to make div move to bottom of page

    How to create a horse-shoe-like gauge using CSS

    How can I list available Css Classes from my App_Themes folder?

    DropDown Menu won't show for more than a second..not working.

    Compass delimited list separator - how to set to – [duplicate]

    How to layout a form with 1 input field + submit button so that
    and
    backgrounds do not shine through?

    Show DIV message at every β€œX” number of minutes?

    In GWT, how to create a Style object and associate it with a Widget WITHOUT using a CSS file and WITHOUT UiBinder

    How to create border bottom with 2 different color?

    div under div - dont know how to do this

    CSS: How to make background color around text not flush to the text?

    CSS: how to make the font icon and text under it closer?

    how to alter a css class directly?

    How to select multiple items using mouse click?