Hi guys,
Tearing my hair out (the little i have left) with this problem. I have an index page that refuses to play ball in chrome. As you can see via the link there is a massive gap between the mission statement and the footer, that does not seem to be there on my pc at home or on FF/IE. I know resloution of various monitors will factor in, but is there any way of getting around this? link below, prob seems to be happening on chrome
Hm, it looks the same in Firefox and Chrome to me. If I understand you rightly, the large gap is caused by this code in red:
<div id="contentContainer" [COLOR="#FF0000"]style="height: 518px;"[/COLOR]>
It’s almost always a bad idea to set heights in CSS. An alternative is to set a min-height, which I prefer in situations like this.
Is this what you are referring to?
its strange, i can see that height setting on the dev tool as well. but on my css file i didn’t dictate a height. ill have a look at my css again
It’s actually in your HTML, as indicated above. (I didn’t check, but I assume it’s not added by JavaScript.)
Ah thats whats wrong. My Javascript guy put in a js code that sets the height. this must be causing the problem
Yes indeed. I’ve had another look, and it’s that little script in the head of the page.