Hyperlink not working in IE6

I am posting this for my daughter who doesn't have access to this group
where she is located.

**************
#
The site is http://www.camppennbrook.com/new/

I have the thing working in Firefox and in IE7, but in IE6, the links
don't work.

Problem is, the have ceased to function in IE6.

I've tried using z-index, but it doesn't help. If they are not touching
the background image, then the hyperlinks work.

The page has a conditional caller pointing IE6 browsers to its own
front.css page...

Yes. I know there's four pieces of flash on this site. This is
necessary...since the "Latest News" content and links have to be pulled
from an OPEN CMS program that the client has access to, then pulled down
into the flash. If I do it otherwise, and after many questions, we found
it can't be done (because if it turns it to txt first, then the
hyperlinks are lost...and I can't even get it from the CMS to txt.)

Removing the flash is not an option, nor is it the problem (checked it.
Removing the flash didn't make the links suddenly work.)

You can view the index.php code by using the view source.

The CSS code samples will be shown in four pieces... then the front.css
for the IE6, the IE7, and the Firefox (so you can see the differences)
and the global.css for all.

(I will add these as comments)
#

* CommentAuthordeniseg
* CommentTime37 minutes ago

permalink
IE6:

#main_wrapper {
height:auto;
height:705px;
position: relative;
top:0;
left: 0px;
margin: 0 auto;
width: 956px;
background-image: url(../../i/img_background_top.png);
background-repeat: no-repeat;
z-index: -1;
}

#flash_wrapper {
height:auto;
height:457px;
position:absolute;
top: 112px;
left: -94px;
margin: 0 auto;
width: 592px;
}

#seo_wrapper {
height:auto;
height:100px;
position:absolute;
top: -372px;
left: -88px;
margin: 0 auto;
width: 592px;
}

#countdown {
position: relative;
margin: 0 auto;
width: 592px;
text-align: center;
height: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #632c91;
}

#seo {
position: relative;
margin: 0 auto;
width: 582px;
text-align: left;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding-left: 5px;
padding-right: 5px;
}

#latest_news {
height:auto;
height:167px;
position:absolute;
top: -96px;
left: -85px;
margin: 0 auto;
width: 165px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
font-size: 12px;
z-index:1;
}

#latest_news a {
color: #632c91;
text-decoration: underline;
}

#mtv{
height:108px;
position:absolute;
top: -480px;
left: 302px;
margin: 0 auto;
width: 85px;
}

#brochure{
height:95px;
position:absolute;
top: -432px;
left: 302px;
margin: 0 auto;
width: 75px;
}

#great{
height:auto;
position:absolute;
top: -380px;
left: 302px;
margin: 0 auto;
width: 145px;
text-align: center;
}

#footer {
height:auto;
height:100px;
position:absolute;
top: -360px;
left: 0px;
margin: 0 auto;
width: 777px;
text-align: center;
}

..copyright {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

..copyright a{
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
text-decoration: underline;
}

..address {
color: #00d6f0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
}

..bot_nav {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
}

..bot_nav a {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
text-align: center;
}
#

* CommentAuthordeniseg
* CommentTime37 minutes ago

permalink
IE7:

#main_wrapper {
height:auto;
height:705px;
position: relative;
top:0;
left: -93px;
margin: 0 auto;
width: 956px;
background-image: url(../../i/img_background_top.png);
background-repeat: no-repeat;
}

#flash_wrapper {
height:auto;
height:457px;
position:absolute;
top: 112px;
left: 88px;
margin: 0 auto;
width: 592px;
}

#seo_wrapper {
height:auto;
height:100px;
position:absolute;
top: 592px;
left: 88px;
margin: 0 auto;
width: 592px;
}

#countdown {
position: relative;
margin: 0 auto;
width: 592px;
text-align: center;
height: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #632c91;
padding-bottom: 5px;
margin-bottom: 5px;
}

#seo {
position: relative;
margin: 0 auto;
width: 582px;
text-align: left;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding-left: 5px;
padding-right: 5px;
}

#latest_news {
height:auto;
height:167px;
position:absolute;
top: 360px;
left: 317px;
margin: 0 auto;
width: 165px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
font-size: 12px;
}

#latest_news a {
color: #632c91;
text-decoration: underline;
}

#mtv{
height:108px;
position:absolute;
top: 140px;
left: 720px;
margin: 0 auto;
width: 85px;
}

#brochure{
height:95px;
position:absolute;
top: 300px;
left: 727px;
margin: 0 auto;
width: 75px;
}

#great{
height:132px;
position:absolute;
top: 443px;
left: 705px;
margin: 0 auto;
width: 145px;
text-align: center;
}

#footer {
height:auto;
height:100px;
position:absolute;
top: 720px;
left: 88px;
margin: 0 auto;
width: 777px;
text-align: center;
}

..copyright {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

..copyright a{
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
text-decoration: underline;
}

..address {
color: #00d6f0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
}

..bot_nav {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
}

..bot_nav a {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
text-align: center;
}
#

* CommentAuthordeniseg
* CommentTime36 minutes ago

permalink
The rest:

#main_wrapper {
height:auto;
height:705px;
position: relative;
top:0;
left: -93px;
margin: 0 auto;
width: 956px;
background-image: url(../i/img_background_top.png);
background-repeat: no-repeat;
z-index: -5;
}

#flash_wrapper {
height:auto;
height:457px;
position:absolute;
top: 112px;
left: 88px;
margin: 0 auto;
width: 592px;
z-index: 0;
}

#seo_wrapper {
height:auto;
height:100px;
position:absolute;
top: 592px;
left: 88px;
margin: 0 auto;
width: 592px;
}

#countdown {
position: relative;
margin: 0 auto;
width: 592px;
text-align: center;
height: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #632c91;
}

#seo {
position: relative;
margin: 0 auto;
width: 582px;
text-align: left;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding-left: 5px;
padding-right: 5px;
}

#latest_news {
height:auto;
height:167px;
position:absolute;
top: 360px;
left: 317px;
margin: 0 auto;
width: 165px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
font-size: 12px;
z-index: 5;
}

#latest_news a {
color: #632c91;
text-decoration: underline;
}

#mtv{
height:108px;
position:absolute;
top: 140px;
left: 720px;
margin: 0 auto;
width: 85px;
z-index: 5;
}

#brochure{
height:95px;
position:absolute;
top: 300px;
left: 727px;
margin: 0 auto;
width: 75px;
z-index: 5;
}

#great{
height:132px;
position:absolute;
top: 443px;
left: 705px;
margin: 0 auto;
width: 145px;
text-align: center;
z-index: 5;
}

#footer {
height:auto;
height:100px;
position:absolute;
top: 720px;
left: 88px;
margin: 0 auto;
width: 777px;
text-align: center;
}

..copyright {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

..copyright a{
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
text-decoration: underline;
}

..address {
color: #00d6f0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
}

..bot_nav {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
}

..bot_nav a {
color: #FFCB01;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
text-align: center;
}
#

* CommentAuthordeniseg
* CommentTime36 minutes ago

permalink
All browsers also call global.css which is:

/* CSS Document */

body {
background-image: url(../i/img_background.jpg);
background-repeat: repeat;
margin-top: 0px;
}

#wrapper {
height:auto;
height:100%;
min-height:100%;
position:relative;
top:0;
margin: 0 auto;
width: 744px;
}

img, div { behavior: url(iepngfix.htc) }

Thanks in advance for your help!

sheldonlg wrote:
>
> http://www.camppennbrook.com/new/
>
> I have the thing working in Firefox and in IE7,

Not quite, though the issue is not related to any one browser.
http://www.bergamotus.ws/screenshots/camppennbrook.png

Trying to force text to stay within the confines of a background image
is doomed to fail. Give it up now, and save yourself some frustration.

> Problem is, the > have ceased to function in IE6.

You mean like this bit of code?

Bergamot wrote:
> sheldonlg wrote:
>> http://www.camppennbrook.com/new/
>>
>> I have the thing working in Firefox and in IE7,
>
> Not quite, though the issue is not related to any one browser.
> http://www.bergamotus.ws/screenshots/camppennbrook.png
>
> Trying to force text to stay within the confines of a background image
> is doomed to fail. Give it up now, and save yourself some frustration.
>
>> Problem is, the >> have ceased to function in IE6.
>
> You mean like this bit of code?
>

Re: Hyperlink not working in IE6

sheldonlg wrote in
news:qIadnSjPRcQlOprVnZ2dnUVZ_jCdnZ2d@giganews.com:

> The site is http://www.camppennbrook.com/new/
>
> I have the thing working in Firefox and in IE7, but in IE6, the links
> don't work.

Something is covering them up. With all that positioning hapenning you have
managed to confuse IE6, with its broken box model. Modern browsers, plus
oddly IE7, get it right.

When your daughter redesignes the site so it will work properly when the
viewer increases their font size from the too small 12 pixels specified
(which should be 100% anyway), the problem will likely go away :-)



--
Richard
Killing all threads involving google groups
The Usenet Improvement Project: http://improve-usenet.org

Re: Hyperlink not working in IE6

sheldonlg wrote:
>>> http://www.camppennbrook.com/new/
>
> In a nutshell, why doesn't IE6 recognize View our
> brochure! as link while IE7 and FF do?

I agree with rf. Way too much reliance on fixed sizes and absolute
positioning, which will only give you a broken display in a lot of
cases. It's a disaster waiting to happen.

IE6 is not the only browser that has issues with it, nor is the cursor
failing to change to a hand the only problem.

It needs to be started over. Sorry.

--
Berg