Layout Difference Between a Dutch and an English SharePoint Site

Yesterday I worked on a Dutch SharePoint 2010 site, and noticed a layout difference between a Dutch (1043) and an English (1033) site.

Show image

As you can see there is a height difference (s4-titlerow) between the two sites.

I examined the CSS to see which attributes were causing this height difference. I discovered that the height attribute for Social Buttons in the Dutch Site is different than the attribute on the English site.

In the English (1033) corev4.css version the Social Buttons got the following CSS height and width:

1
2
3
4
5
6

.ms-socialNotif-Container {
  width: 120px;
}
.ms-socialNotif {
  height: 60px;
}

In the Dutch (1043) corev4.css file, the Social Buttons got the following attribute values:

1
2
3
4
5
6

.ms-socialNotif-Container {
  width: 140px;
}
.ms-socialNotif {
  height: 80px;
}

A small change to the .ms-socialNotif height attribute of the Dutch version to 60px, would give you the same result as on the English site.

1
2
3

.ms-socialNotif {
  height: 60px;
}

Show image