[SOLVED] H1 disappearing in IE, need help please!

[virtuexru]

OK Guys, this is a wierd one.

 

On http://voshy.com everything looks great in FireFox.

 

Now, if you go with internet explorer, you will see that the top line (h1) is gone. The only way to get it back is to scroll down and scroll back up.

 

Then it disappears again if you mouse over a link. What's going on here?

[bronzemonkey]

I can see the problem in IE7. I had a quick look around and this is what I found.

 

I cannot reproduce the problem in IE7 it if I just paste the source code into a file. But when if I insert a direct link to the swfobject.js file then the problem appears. So I would assume it is the swfobject code that is doing something weird.

 

<div id="column2-unit-right-c">
<script type="text/javascript" src="http://voshy.com/videos/player/swfobject.js"></script> <!-- comment out this line in the html file on your server and see if the problem is still there -->
<div id="player">You need Adobe Flash player to view this video.</div>

<script type="text/javascript">
var so = new SWFObject('/videos/player/flvplayer.swf','single','370','278','7');
so.addParam('allowfullscreen','true');
so.addVariable('file','/videos/upload/js7tyqgp.flv');
so.addVariable('height','278');
so.addVariable('image','/videos/upload/img/thumb_js7tyqgp.jpg');
so.addVariable('width','370');
so.addVariable('frontcolor','0xffffff');
so.addVariable('backcolor','0x003399');
so.addVariable('lightcolor','0xffcc99');
so.addVariable('type','flv');
so.addVariable('usefullscreen','true');
so.write('player');
</script>
</div>

 

Play around a bit with that. If you also conclude that it is the swfobject.js file then you can either try to resolve whatever compatibility issue is at work, or you can switch to UFO - http://www.bobbyvandersluis.com/ufo/ - to do the same job. I had a problem with swfobject.js and mootools that was simply avoided by using UFO instead.

 

See if any of that helps.

[ToonMariner]

Looks like the old 'hasLayOut' problem...

 

http://www.satzansatz.de/cssd/onhavinglayout.html

 

To remedy give the parent element of the h1 tag a css property that triggers hasLayOut (see http://www.satzansatz.de/cssd/onhavinglayout.html#prop

 

[virtuexru]

Looks like the old 'hasLayOut' problem...

 

http://www.satzansatz.de/cssd/onhavinglayout.html

 

To remedy give the parent element of the h1 tag a css property that triggers hasLayOut (see http://www.satzansatz.de/cssd/onhavinglayout.html#prop

 

 

Did anyone tell you that you're a god damn genuis? Worked perfectly using:

 

display: inline-block;

 

Thanks man!!!!

[ToonMariner]

I already knew...

[bronzemonkey]

Looks like the old 'hasLayOut' problem...

 

Funny, because using height:1% was the first thing I tried to overcome the standard haslayout problem, but it failed to work.

[ToonMariner]

horses for courses - I think it can depend on other factors - I too have been in situations where height: 1% didn't work and could find no reason why not...