Internet Explorer 8 is causing alignment problems with sidebars on certain websites within a Wordpress multisite setup

I am managing a Wordpress multisite setup with the following websites:

The main portal: which connects to

The issue arises on all pages of gprgebouw.nl and gpradvies.nl but not on the other domains. Attached is a screenshot of the homepage of gprgebouw.nl

The problem scenario:

  1. the right sidebar moves under the content area
  2. the bar-graph icon image increases in size
  3. grey borders of the sidebar extend to the top of the content area

In particular, point 3 leads me to believe that somehow the content area is not properly closed, though I cannot trace this in the HTML source.

The strangest part is that only these specific websites are affected and not others, even though they share the same Javascript and plugins and most CSS (except for some color variations).

Everything displays correctly in browsers like Firefox.

Any suggestions on what might be causing this issue? I currently use selectivzr and modernizr for IE up to version 8.

csswordpressinternet-explorer-8alignment

Answer №1

While visiting , please note that there seems to be a missing closing div tag in the following code snippet:

    <div class="aside-content">
        <div class="textwidget">
...
            <p><a href="http://www.gprprojecten.nl/Home/Details/19367" target="_blank"><img alt="Justus van Effen" src="http://software.gprgebouw.nl/start/images/thumb4476.jpg"> <span class="stars rating30"></span></a></p>
            <p><a href="http://www.gprprojecten.nl"onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','http://www.gprprojecten.nl']);" target="_blank" class="a-landing">Bekijk meer projecten op www.gprprojecten.nl</a></p>
        </div>
    </div>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

<a> slightly off-centered horizontal alignment

I've been trying to center a link using different methods like text-align:center and display:inline-block, but it seems to be slightly off-center. I've attached images along with my code below for reference. Any assistance would be greatly apprec ...

htmlcenteringcsstext-alignment

What causes the difference in behavior between absolute positioning in <button> and <div>?

I am noticing that the code below is not positioning my span to the top-left corner of the button as I expected. Can anyone explain why? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> &l ...

htmlcsscss-position

Create a scrollable div within a template

After discovering a template that I want to use for my personal project, I noticed a missing element... There's a div where content can be added. That's fine, but what if I add more content than fits in the space provided? The whole website beco ...

javascriptjqueryhtmlcsstemplates

Enhance VideoJS using custom Ionic icons in a NextJS environment

I'm creating a platform for video content and I want to enhance the VideoJS player by incorporating icons from the Ionic set. However, as I typically use the <ion-icon/> tag to insert icons on my pages, I had to individually specify each icon&ap ...

cssnext.jsvideo.jsionicons

Different Ways Split Button Format Can Vary Based on Web Browser

I am encountering a formatting issue with a jQuery splitbutton on my webpage. In order to adhere to my company's design standards, I am essentially converting a link into a button. The functionality works perfectly fine; however, depending on the brow ...

javascriptjqueryhtmlcssinternet-explorer

Exploration of Non-height Divs

Repeatedly encountering the same issue - a fluid div with floated elements lacking a background due to having "no height." I've experimented with various solutions such as :after selectors, , and artificially setting a height, but none are particularl ...

htmlcsscss-float

Center-aligned Bootstrap column with a width of 50% and centered vertically

I am looking to have images and videos displayed side by side on my webpage. The code below functions properly, however there is an issue with the alignment. While the horizontal center alignment is correct, the video and images are not centered vertically ...

htmlcsstwitter-bootstrap

Learn how to dynamically switch the background image of a webpage using a button in AngularJS

Hey there, I'm currently working on incorporating interactive buttons into my website to give users the ability to customize the background. I've been experimenting with Angular to achieve this feature. So far, I've managed to change the ba ...

javascripthtmlcssangularjs

Troubleshoot: Issue with Navbar Dropdown Expansion on Bootstrap Sass 3.3.6 with JavaScript

Beginner: Bootstrap Sass 3.3.6 - Incorporating Javascript - Issue with Navbar Dropdown Not Expanding application.html.erb Head: <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> ...

javascriptcssruby-on-railstwitter-bootstrapsass

Ways to verify the existence of a username in WordPress without the need to refresh the page

How can I check if a username exists in the database without refreshing the page in a Wordpress form using AJAX? I've tried implementing AJAX in Wordpress before but it didn't work. Can someone provide me with a piece of helpful code or a link to ...

javascriptphpjqueryajaxwordpress

Learn the steps for accessing and utilizing aria-label text in Google Chrome

Struggling with the aria-label attribute for blind users in Chrome. Can't seem to hear the aria-label text. Any insights on how aria-label behaves in Chrome or if I'm using the wrong approach? If I'm heading in the wrong direction or using ...

htmlcssgoogle-chromeaccessibilitymantine

Eliminate resistance on HTML components

Have you ever noticed that when you click on an HTML element, such as images, you can drag a "shadow version" of them around on the screen? For example, take the Stack Overflow logo. If you click and drag it, you'll see a dark version of the logo mov ...

javascripthtmlcss

Utilize CSS exclusively on the "Theme Options" page within a Wordpress website

Everything is running smoothly with my current PHP code, which controls the design of my "Theme Options" page under the WP API Appearance menu. However... The issue is that the CSS stylesheet is affecting all other menus in the WP dashboard as well, like ...

phphtmlcsswordpresswordpress-theming

The CSS is getting overridden by the a:-webkit-any-link user agent stylesheet

I've found myself faced with a page full of lists and links that I need to style individually. No matter what I try, the fonts and colors keep getting overridden by an unknown user agent stylesheet. I've experimented with styling the divs using c ...

htmlcsswebkit

WordPress Query Rewriting - Eliminate query parameters on specific custom pages

After creating a custom page in Wordpress that displays different data based on the query string, I noticed an issue with how search engines and tracking software interpret the URL. Currently, my query string looks like: http://example.com/extcat/?uid=15& ...

phpmysqlwordpress.htaccessmod-rewrite

Integrating a footer into the enhanced search tab slider

I'm struggling to create a sticky footer like the one on w3schools. Even though I used the same code in my material UI demo, it's not functioning properly. I tried debugging by changing the position from fixed to absolute, but it still isn&apos ...

javascripthtmlcssreactjsmaterial-ui

My custom Wordpress plugin experiencing issues with the Ajax function not being triggered

I'm currently working on a plugin that includes a button to export a list to an Excel file. At the moment, the plugin index displays the list in a table format with the export button at the top. Below is the code snippet: Even when I try removing th ...

phpjqueryajaxwordpress

Struggling to align divs in HTML using CSS

Struggling with aligning my divs in the center of the parent div and keeping them inline. I have a parent "page" containing 6 other divs - "bg_01", "bg_02", "bg_03", "bg_04", "bg_05", "bg_06". They sit inline when the window is small, but when it's re ...

htmlcss

Creating a seamless and interactive online platform

I am in the process of designing a website that has a sleek and dynamic layout, rather than just a static homepage. Let me explain further: Here is my current setup so you can understand what I am trying to achieve. By dynamic, I mean that when the page ...

javascriptcsshtmlweb

What methods can be used to ensure a div reaches all the way down to a sticky footer?

I'm currently working on a layout with a sticky footer, and I have a specific div that needs to extend all the way down to the footer. However, simply setting the height to 100% doesn't achieve the desired result. I've also experimented with ...

htmlcsssticky-footer