/    Sign up×
Community /Pin to ProfileBookmark

Content in IE6 falling below nav

Copy linkTweet thisAlerts:
Jul 04.2008

I must have just changed something, because I have never had this problem until today, when I was trying to get a min-height hack working for IE6. Now, something I did makes my body fall down below my nav, but only in IE6. Could someone take a look and let me know what I did wrong? I am loosing my mind here trying to figure out what I did…

[URL=”http://websrv.puc.edu/academics/_nocache”]http://websrv.puc.edu/academics/_nocache[/URL]

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriJul 05.2008 — It seems to be the pngfix behaviour attached to the backgrounds of some of the subnav <li>s to give the dividing line, which is pushing the <li> and therefore the subnav div, too wide. Why couldn't this dividing line be a gif or jpg?
Copy linkTweet thisAlerts:
@nnhubbardauthorJul 05.2008 — It seems to be the pngfix behaviour attached to the backgrounds of some of the subnav <li>s to give the dividing line, which is pushing the <li> and therefore the subnav div, too wide. Why couldn't this dividing line be a gif or jpg?[/QUOTE]

Thanks. I just realized this too, that my .htc file for png files was causing this. Well, my subnav sometimes gets a background image that is a gradient, so I didn't want to use a gif because of the matte color.

Is there a way that I could fix why this is happening with the pngfix? I used to be working before, I just have no idea what I changed..
Copy linkTweet thisAlerts:
@CentauriJul 05.2008 — Rather than relying on javascript routines (including the .htc method) to try and add transparent png compatability (which targets all png's, even those that are not transparent and don't require the fix), I would be more inclined to apply the alphaimageloader via the IE6 only stylesheet - this gives you more control over which images are "fixed".
Copy linkTweet thisAlerts:
@nnhubbardauthorJul 06.2008 — Rather than relying on javascript routines (including the .htc method) to try and add transparent png compatability (which targets all png's, even those that are not transparent and don't require the fix), I would be more inclined to apply the alphaimageloader via the IE6 only stylesheet - this gives you more control over which images are "fixed".[/QUOTE]

Ok, so I removed the .htc behavior, and add the alpha image loader into my IE6 stylesheet. The problem with my body falling below my nav is now solved, but for some reason my png is not getting fixed.

Any idea why this might be happening or not getting fixed to show trans. in IE6?
Copy linkTweet thisAlerts:
@CentauriJul 06.2008 — You also have to remove the image from the background in IE6 :[CODE]/* Subnav Variations fix IE6 PNG Transparency problem */
/* Academics */
li#l22053, li#l14402, li#l15362, li#l13517, li#l23697,
/* Enrollment */
li#l16693,
/* PUC Life */
li#l6744, li#l16483, li#l16195,
/* Spiritual Life */
li#l6744, li#l16483, li#l16195
{[COLOR="Red"]background-image: none;[/COLOR]
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/__data/assets/image/0015/14406/sub-div.png');}[/CODE]
Copy linkTweet thisAlerts:
@nnhubbardauthorJul 07.2008 — You also have to remove the image from the background in IE6[/QUOTE]

This is what I had thought, and I had done this. But it just removes the background image, and never replaces it with the alpha image version. It seems as though something is conflicting here....

Thanks for your continued help.
×

Success!

Help @nnhubbard spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...