PNG Image hack and sidebar woes

  • Resolved Tremor

    (@tremor)


    15 years, 6 months ago

    Hey all. I have been having trouble with my website in IE6 and IE5.5. The infamous sidebar issue (for which I have searched the forums and been unable to find an adequate solution) and also a PNG fix I tried so that PNG images wold show up with their transparency intact.

    http://michaeldowney.net

    1) The PNG fix is here:

    http://www.twinhelix.com/css/iepngfix/demo/

    I pasted this code into my css stylesheet:

    /*PNG Fix*/

img, div, a, li, span, input, textarea  { behavior: url(iepngfix.htc) }

    And the following two files into the same folder to which the theme’s stylesheet is in: iepngfix.htc and blank.gif.

    But it doesn’t seem to have worked. Can anybody perhaps tell me where I have gone wrong? The navigation images are supposed to show transparency in IE6 and IE5.5

    2) The sidebar fall down below the content. I have fiddled with the code, but to no avail. I also have the

    <?php get_sidebar(); ?>

    in the footer file. When I remove padding from one side, the sidebar comes up. It seems to be either a) that there is some mysterious padding coming form somewhere that I have missed or b) that the images have been assigned strange white borders. The images I use (the gradient headerts for posts and the sidebar headings) are cut to the pixel. They are supposed to have no white borders.

    Any help on this? I’m lost for solutions. Thank you in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Tremor

    (@tremor)

    15 years, 6 months ago

    Awesome. Problem 1 resolved! I had to play around with the code a bit, but I changed the link pointing to the blank.gif file to a more absolute address:

    if (typeof blankImg == 'undefined') var blankImg = 'nikki/wp-content/themes/knowing-nothing-v2/blank.gif';

    I also edited the code I’d pasted into my CSS to point to the correct location:

    img, div, a, li, span, input, textarea, { behavior: url(nikki/wp-content/themes/knowing-nothing-v2/iepngfix.htc) }

    Now no nasty grey borders!

    Just one more to go. Please help! I’ve tried so many things about this blasted sidebar…

    Thread Starter Tremor

    (@tremor)

    15 years, 6 months ago

    Somehow it started working. For all those who may look at this inthe future, the best advice I can give t sorting out sidebars is to check al the padding and margins on in your css. Sidebars are usually pushed down because the widths (including paddings and margins) are larger than the container they are in.

    My problem was not so much the padding, but the applications I had in my sidebar. Even now I’m now exactly sure what it was, but editing my sidebar.php file, removing the search and such, helped me to move forward with solving the problem

    Thread Starter Tremor

    (@tremor)

    15 years, 6 months ago

    PNG hack improved here:

    http://wordpress.org/support/topic/211390?replies=8

    Now CSS shows as valid because I put the code in the header section and not my stylesheet.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘PNG Image hack and sidebar woes’ is closed to new replies.