Page 1 of 1

Changed heading height looks OK in IE but overlap occurs in firefox

Posted: Fri Jan 19, 2007 6:12 am
by alessandra
Hi

I changed heading height here to 160px:

div#header h1 a {
/* you can set your own image here */
  background: white url(images/cms/logo1.gif) no-repeat 0 12px;
  background-position: center;
  display: block;
  height: 160px;            /* adjust according your image size */
  text-indent: -999em;  /* this hides the text */
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

in left sidebar + 1 column stylesheet and it displays fine in IE but in firefox the heading and the left column overlap with my heading image. Can anyone help me please?

Thanks
Alessandra

Re: Changed heading height looks OK in IE but overlap occurs in firefox

Posted: Fri Jan 19, 2007 8:47 am
by RonnyK
alessandra,

in the CSS belonging to your template you should also change the height for:

div#header

This is just above your entry and should have the similar height.

Ronny

Re: Changed heading height looks OK in IE but overlap occurs in firefox

Posted: Mon Jan 22, 2007 10:20 pm
by alessandra
Thank you so much. It seems so obvious now but it wasn't before. This forum is great!