Changing !DOCTYPE messes with dimensions

[ad_1]

Hi,

I’ve updated header.php from

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ;

to

<!DOCTYPE html>

This resulted in one peculiar problem for the entire site.

The landing page has a section at the very top, just below the menus. It’s divided by a section on the left, the featured posts – a carousel, and my profile image to the right.

The height of the carousel/featured posts section is reduced, which can be seen by the bottom of it not being in line with my profile image on the right of featured posts.

This is my staging server with the old doctype, which is how it should look:

https://www.ross.no/staging/

I just cannot find a way to correct this.

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer