FireFox - graphics and Condition Statements HTML

BobTheBowler

Hi

Trying to write the Holy Grail 3-column layout as cross-browser
compatible.
Not much luck so far. Stuck on a problem with FireFox.
<!--[if IE 7]>
<div id="rightimage">
<img style="position: absolute; z-index: 0;
right: 0px; top: 0px;" src="images/right-column-graphic_b.jpg" alt=""
title=""/>
</div>
<![endif]-->
<!--[if !IE 7]>
<img style="position: absolute; z-index: 0; right:
0px; top: 0px;" src="images/right-column-graphic.jpg" alt=""
title=""/>
<![endif]-->
FireFox will not display the graphics.

<![if IE 7]>
<div id="rightimage">
<img style="position: absolute; z-index: 0;
right: 0px; top: 0px;" src="images/right-column-graphic_b.jpg" alt=""
title=""/>
</div>
<![endif]>
<![if !IE 7]>
<img style="position: absolute; z-index: 0; right:
0px; top: 0px;" src="images/right-column-graphic.jpg" alt=""
title=""/>
<![endif]>

FireFox displays BOTH graphics, one on top of the other.
Any advice ?

May 1 '07 #1

Bergamot

BobTheBowler wrote:

>
Trying to write the Holy Grail 3-column layout as cross-browser
compatible.

Not much luck so far. Stuck on a problem with FireFox.

<!--[if IE 7]>

Seems to me that there is something inherently wrong if you need a pile
of conditional comments to make something "cross-browser compatible".

Any advice ?

Post a URL, not code.

--
Berg

May 1 '07 #2

VK

On May 1, 7:49 pm, BobTheBowler <bobsh...@ntlworld.comwrote:

<![if IE 7]>
<div id="rightimage">
<img style="position: absolute; z-index: 0;
right: 0px; top: 0px;" src="images/right-column-graphic_b.jpg" alt=""
title=""/>
</div>
<![endif]>
<![if !IE 7]>
<img style="position: absolute; z-index: 0; right:
0px; top: 0px;" src="images/right-column-graphic.jpg" alt=""
title=""/>
<![endif]>

FireFox displays BOTH graphics, one on top of the other.

Any advice ?

Firefox doesn't understand conditional comments, only IE does. So
Firefox simply skips on <![if !IE 7]and <![endif]as unrecognized
tags but it render the rest. It means that you cannot use content-
revealing comments here, only content-hiding ones.
See my post "bye-bye, holly hack" for more info:
http://groups.google.com/group/comp....e25a044f4503e2

May 1 '07 #3