Layout Difference Between a Dutch and an English SharePoint Site

August 26, 2011

This post is over a year old, some of this information may be out of date.

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

Height difference between a Dutch and an English site.
Height difference between a Dutch and an English site.

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;
}
Height attribute changed to 60px.
Height attribute changed to 60px.

Comments

comments powered by Disqus