Website problems in IE/Firefox

  • Resolved KaTTeNs

    (@kattens)


    11 years, 11 months ago

    I made some boxes that resembles a “menu”. Bear with me, it’s my first site.

    Here is the “menu” in question: http://www.pft-dive.com/?page_id=346

    This looks fine in Chrome and Opera. All the boxes line up perfectly and the text doesn’t act up.

    But when using Firefox or IE (tested with multiple versions) The boxes are in different sizes and the text sometimes “cuts in half”

    Thank you for reading.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 11 months ago

    Can you add this CSS:

    .origin-widget.origin-widget-button-simple-blue a {
 white-space: nowrap;
}

    Thread Starter KaTTeNs

    (@kattens)

    11 years, 11 months ago

    Thanks! that helped in the cutting in the words!..
    Now I need to fix the length of the boxes. Got any ideas?

    Thanks for you help!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 11 months ago

    What’s wrong with the length of the boxes?

    Thread Starter KaTTeNs

    (@kattens)

    11 years, 11 months ago

    They are not the same length when I use Firefox / IE
    They do have the same length in Chrome and Opera

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 11 months ago

    Have you given them a width in CSS, why would they be the same width?

    Thread Starter KaTTeNs

    (@kattens)

    11 years, 11 months ago

    I just used a Plugin for the boxes and I might have used a wrong technique for making them the same length. I’ll try to make a new menu.

    Thanks for your help!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 11 months ago

    It is normal for them to be different widths because there’s different lengths of text in them. If you want them to be the same width specify so in CSS:

    .origin-widget.origin-widget-button-simple-blue a {
 white-space: nowrap;
 min-width: 158px;
}

    Thread Starter KaTTeNs

    (@kattens)

    11 years, 11 months ago

    It works! Thanks for the quick replies!

    You saved me from a lot of trouble! ty

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Website problems in IE/Firefox’ is closed to new replies.