Different column height in different browsers

  • raz_roni

    (@raz_roni)


    10 years ago

    The page is https://acl-tx.com/our-policies/rayfield-wright/.

    The two boxes in the middle should have the same height. It works well in IE and on tablet browsers.

    However, in Chrome and Firefox the right column is longer than the left.

    Is there anything to add to force them to be the same height in all browsers and devices.

Viewing 4 replies - 1 through 4 (of 4 total)
  • lisa

    (@contentiskey)

    declare a fixed or minimum height in px using CSS for the container.
    are you comfortable with how to use inspect element tools and make changes to CSS?
    ====
    use a child theme or CSS editor plugin before making any theme changes

    Thread Starter raz_roni

    (@raz_roni)

    Thanks. I tried it and used max height because the problematic column was too long. It changed the height on the chrome desktop version to make them the same, but now on tablet and on IE I get different heights.

    I know how to make them the same height on any specific device, but don’t understand why the Chrome & firefox desktop shows different height from the others.

    Am I missing something?

    Thread Starter raz_roni

    (@raz_roni)

    Contentiskey – I played with your suggestion about minimum height and it worked great. Thanks for your help.

    lisa

    (@contentiskey)

    glad to hear that the minimum height worked

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Different column height in different browsers’ is closed to new replies.