Height Different In Ie Ff Chrome

Good day, after struggling with a problem at my previous post, i entered another problem caused by different heights in web crossing. Example: http://www.sushitaksteeg.nl/secret/te

Solution 1:

I see your JavaScript is using window.scrollBy(). In Chrome/IE, scrolling can be done with parent.scroll().

Solution 2:

To solve your second problem (with the white line):

remove the <br> tags inside your <div id="content"></div> and add a height of 38px to your content div, so in your css file you get:

#content {
  height: 38px;
}

is that what you wanted? The problem was that the content-div scaled with the data in it. You tried to get the right height using br-tags, but those don't have a standard height and depend on what browser you are using. Specifying the height in css will make it the same height in all browsers (as long as the content fits in it, else it will scale (unsless you also specify the css property overflow: hidden; for the content-div)).