Different in chrome than firefox

This site is best viewed in a modern browser with JavaScript enabled.

kischi

Hi i'm creating a website, witch has a scroll function.
And in firefox it works great on all sub-pages.

But in chrome, there is one sub-page where it won't scroll all the way down.

you can see it on: www.wearecrunch.dk/gammelsjuf
and go to sponsors and there the scroll works fine in firefox but not in chrome.

This is the HTML code for that page:


 <div class="info">
<div class="txt_donations">
<h2>Donations</h2>
</div>
<div class="txt_chairman">
<p><img src="logo3" alt="logo" /></p>
<p><img src="logo2" /></p>
<p><img src="images/logo1" alt="logo" /></p>
<div class="txt_doneret">
<ul>
<li>navn</li>
<li>navn</li>
<li>navn</li><br />
<li>navn</li>
<li>navn</li>
<li>navn</li>
<li>navn navn</li>
<li>navn</li>
</ul>
</div>
</div>

does anyone know what the problem could be?

Thank you

kischi

I just found out what the problem was, I just had to delete a div that wasn't beeing used

kischi

I guess I said that too fast, it's not working afterall.

So if anyone know what it could be, can you please help me

Thanks

daihuws

It's difficult to say without having the CSS;
one thing I'd try straight away would be to include Eric Meyer's CSS Reset stylesheet, which is specially designed to reduce inconsistencies in the way different browsers display websites. You can get it here: http://meyerweb.com/eric/tools/css/reset/

If that fails, please post the CSS code here and I'll have a look and try and work out what the problem is...

kischi

Hmm that didn't work
So here comes my css that is connected to this sub-page where the scroll doesn't work properly in chrome and now I just checked it also doesn't work in safari, but it might be the same problem, so if I solve it, it's probably going to work both places:


.info {
	overflow: hidden; 
	height: 300px;
	width: 450px;

}

.txt_chairman{
	margin-left:170px;
	width:300px;
	margin-top:-10px;

}

.txt_doneret{
	font-size:18px;
    margin-top:-10px;
	margin-left:130px;

}

Do you think that if it's not the css it might be in the javascript file where the scroll bar is defined?

I hope you can help me.

Thank you

kischi

Is it fine with that piece of css or you meant that you wanted to see all of my css?

daihuws

OK, I just used wget to download a copy of your entire site so that I'd have a local copy of the source code to work with; I've spotted the problem. You need to include height and width data for your images, otherwise some browsers won't allocate any additional space for them in the scroller.

<p><img src="images/----logo.JPG" height="90" width="90" alt="" /></p>
<p><img src="images/----logo.png" height="90" width="90" alt="" /></p>
<p><img src="images/-------logo.jpg" height="100" width="93" alt="" /></p>

It's said to be best practice to include height and width data for images in every case; although sometimes you can get away with not doing so.

kischi

Woohoo now it works thank you so much.
I can't believe it was just hight and width that had to be defined

I didn't know it was possible to download files from the internet, when you don't have access to the internet. but it worked out for the best

Thank you so much

daihuws

You're welcome, glad to be of assistance. It's a Linux/Unix downloading tool called wget that I used: http://www.linuxjournal.com/content/downloading-entire-web-site-wget - it comes in handy from time-to-time. You can probably get it working on a Mac, or on Windows via use of Cygwin...

I initially tried to figure out what was going on just through looking at the HTML, but your site refers on a fair few linked in JavaScript files and images, so it was easier to just instruct wget to grab the lot so I could experiment with it on my laptop...