Just to add one more ... the codes i listed above ... works properly
in IE6 without BlueprintCSS references ... basically I copy the whole
div container to another html file without these:-
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css"
media="screen, projection" />
<link rel="stylesheet" href="css/blueprint/print.css" type="text/
css" media="print" />
<!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/
ie.css" type="text/css" media="screen, projection" /><![endif]-->
Any help will be enlightening?
Thanks.
Regards,
Wen Ching
On Aug 21, 9:27 pm, chuawenching <[email protected]> wrote:
> Hi Christian Montoya,
>
> I tried. No difference to IE6. Still the same problem.
>
> I also tried the TwinHelix IEPngFix with Blueprint CSS, it was still
> the same problem.
>
> Let me clarify a bit ... basically jQuery.IFixPNG and TwinHelix
> IEPngFix do clear off the box surrounding the PNG files. But I can't
> overlay my text/inputs on top of the PNG images. It will just go down
> the image as if it is like this.
>
> [Image]
> [Text]
>
> Rather I want the text to show on top of the Image. My codes as
> below:-
>
> Note:
> - ResolveClient is for my ASP.NET Testing purpose to get the right
> path in MasterPage.
> - Mid.png is a tiny vertical image which I will repeat at the
> background.
> - watermark-building.png is the watermark image
> - bottom.png will show the footer stuff.
>
> <div class="span-23" id="mainBody" style="background: url('<%=
> ResolveClientUrl("~/images/mid.png") %>') repeat-y center top;
> height: auto;">
> <div id="hright">
> <div id="hrighttop">
> <img id="imgWatermark" src='<%= ResolveClientUrl
> ("~/images/watermark-building.png") %>'
> alt="" />
> </div>
> </div>
> My text will be here (suppose to be on top of my
> watermark)
> <div id="footer">
> <div class="span-23" id="imgFooter" style="background:
> url('<%= ResolveClientUrl("~/images/bottom.png") %>') bottom center no-
> repeat;
> height: 77px;">
>
> </div>
> </div>
> </div>
>
> Any help?
>
> Thanks.
>
> Regards,
> Wen Ching
>
> On Aug 21, 8:58 pm, Christian Montoya <[email protected]> wrote:
>
> > On Aug 21, 8:00 am, chuawenching <[email protected]> wrote:
>
> > > Hi everyone,
>
> > > I am using the latest Blueprint CSS, jQuery and jQuery.IFixPNG as
> > > below:-
>
> > > <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></
> > > script>
> > > <script type="text/javascript" src="ie6comp/jquery.ifixpng2.js"></
> > > script>
>
> > > $(document).ready(function() {
> > > $.ifixpng('images/pixel.gif');
> > > $('img[src$=.png]').ifixpng();
>
> > > });
>
> > > It doesn't work in IE6. It makes no difference without applying
> > > jQuery.IFixPNG. Initially I thought it was a problem of
> > > jQuery.IFixPng. Later I tested a new html site without blueprintcss
> > > and it worked successfully.
>
> > I have an idea. Could you try removing the ie.css file from the header
> > of your page and then see if the ifixpng method works? I think
> > something in the ie.css is conflicting with this jQuery plugin.
>
> > --
> > Christian Montoya
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
