Hyperlink not working in IE6

Hyperlink not working in IE6

am 17.04.2008 21:40:33 von sheldonlg

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!

Re: Hyperlink not working in IE6

am 18.04.2008 00:32:07 von Bergamot

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?



Not sure what you expect to happen, or if that's even one of the links
you're referring to.

> 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.)

Sorry, I can't parse this. Can you restate the problem? BTW, if your
problem is related to getting content from the CMS into Flash, then you
would probably be better off asking in the Adobe/Flash forum than here.

> The CSS code samples

500 lines is a bit more than a "sample" to me. ;)

Don't waste the bandwidth posting full CSS files. I sure don't want to
read all that in my newsreader, and I'd bet most other people don't
either. If we have the URL to your page, we can get the CSS from there
and load it into our own editor(s) of choice, if need be.

I didn't bother weeding through all that code looking for your comments.
What's the perceived CSS problem, in a nutshell?

--
Berg

Re: Hyperlink not working in IE6

am 18.04.2008 02:23:40 von sheldonlg

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?
>


>
> Not sure what you expect to happen, or if that's even one of the links
> you're referring to.
>
>> 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.)
>
> Sorry, I can't parse this. Can you restate the problem? BTW, if your
> problem is related to getting content from the CMS into Flash, then you
> would probably be better off asking in the Adobe/Flash forum than here.
>
>> The CSS code samples
>
> 500 lines is a bit more than a "sample" to me. ;)
>
> Don't waste the bandwidth posting full CSS files. I sure don't want to
> read all that in my newsreader, and I'd bet most other people don't
> either. If we have the URL to your page, we can get the CSS from there
> and load it into our own editor(s) of choice, if need be.
>
> I didn't bother weeding through all that code looking for your comments.
> What's the perceived CSS problem, in a nutshell?
>

She's not here, so I'll do my best to answer you. Yes, it is that
"little bit of code". Putting the mouse over it doesn't change the
pointer to a hand -- the the link should. Right now the link doesn't go
anywhere in any browser. However, the other browsers recognize it as a
link while IE6 doesn't. I can't speak to the CMS stuff. I'll leave
that for her to answer.

In a nutshell, why doesn't IE6 recognize
View our
brochure!
as link while IE7 and FF do?

Re: Hyperlink not working in IE6

am 18.04.2008 07:07:10 von rf

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

am 18.04.2008 20:31:43 von Bergamot

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