Tuesday, February 13, 2007

Blogger navbar and Internet Explorer 7

As you may have noticed, if you use Blogger with a blogger template, Internet explorer 7 displays your blog with a problem on the top (Blogger nav bar is hiding part of the header). The solution for this problem is to put some html code into your template and hide the navbar (very few people use the nav bar, so it is better to hide it and have your site being displayed correctly). Between <head> and </head> tags paste the following code under the */layout*/ line. (everything between /*....*/ is comments and it does not affect your site, so be carefull to paste the code under the comment line).
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
Save your template, view your blog and enjoy how Internet Explorer 7 displays it!

1 comment:

Anonymous said...

Hi, I think that the nav bar is quite useful. Take a look: How to hide Blogger nav bar. There's an example on how to hide it by default but it adds a button on which you can click on to later reveal it.