2 replies to this topic

[Ivenius]

Hi,

This is my first post here, so - welcome :P

Back to my question - Last time I observed that when I use float:left, anchors don't work in firefox, while they do in opera (same thing happens when I use posiion:relative)...Take a look at this code:

<div style="padding-bottom:8px;font-size:0.85em;height:160px;width:210px;float:left;">

     <a href="<? echo $watchURL ?>"><img src="<? echo $thumbnailURL ?>" /></a><br />

     <? echo $media->group->title ?><br />

     Views: <? echo $viewsCount ?>

</div> 

And below, anchors start working only when I change position:relative into margin.

<p style="font-weight:bold;position:relative;top:53px;">

	<a href="someLink.com?id=<? echo $_GET['id'] ?>&page=1"><<</a> 

	<a href="someLink.com?id=<? echo $_GET['id'] ?>&page=<? echo $oneLess ?>">previous</a>

</p> 

When I add borders to all anchors, everything looks o.k. Also, in page source everything looks fine...

This is the link to my website:
Polish Lets Play Team

As you can see, in opera it works, while it doesn't in firefox...Do you know what could be the reason?

[BlaineSch]

Can you screenshot Opera? I don't have that installed.

From viewing your source you have a outer div, and inside multiple div's. Just by looking it appears to be rendering correctly.

You have a "vertical-align" this is only supported in cell elements. You could change the display type but this is not supported in almost any IE version (or any I believe).