Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2007-11-25 21:09:17

RedFox
Member
From: Netherlands
Registered: 2005-03-25
Posts: 809
Website

Strange effect when hovering article title!

If you please view this page in IE6 or 7 > www.joopvos.nl/txp/php?s=recent

When hovering the article title the image(s) drifts to the left. This effect don’t occur when I give #article a height:1%

My question is: is this a known IE bug? Because I never encountered it before nor I’ve read about it!

Last edited by RedFox (2007-11-25 21:10:13)

Offline

#2 2007-11-25 23:27:52

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Strange effect when hovering article title!

I do know that IE doesn’t like “height: 0;” which is why, in my version of “clearfix:after” I have “height: 1px;” which would save you having those little hacks except for Mac. Whether it is the height that is causing this image-shift problem though I’m not sure.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#3 2007-11-26 09:06:17

RedFox
Member
From: Netherlands
Registered: 2005-03-25
Posts: 809
Website

Re: Strange effect when hovering article title!

@thebombsite > In the template ‘recent’ there is only a .clearfix on the #footer. After your reply I did experiment with .clearfix on #content to see if the strange hover effect would disappear. But nada! Only with height:1% on the .article div it’s gone.

Last edited by RedFox (2007-11-26 09:09:45)

Offline

#4 2007-11-26 12:05:59

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Strange effect when hovering article title!

I’m wondering if you are misunderstanding the use of “clearfix:after”. Adding it to your footer does nothing for the footer. It adds another “cleared” element AFTER the footer. As your footer is the last part of your page this means that class=“clearfix” in your footer has no use at all. In order to “clear” the footer you need to add class=“clearfix” to the element above it and the same would apply to any other elements in your page that need to be cleared.

Last edited by thebombsite (2007-11-26 12:06:46)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#5 2007-11-26 12:28:51

RedFox
Member
From: Netherlands
Registered: 2005-03-25
Posts: 809
Website

Re: Strange effect when hovering article title!

Remove the .clearfix of the #footer and the inside divs are not ‘contained’ by the #container!

Offline

#6 2007-11-26 16:07:48

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Strange effect when hovering article title!

In that case forget what I said. ;)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#7 2007-11-26 16:19:02

RedFox
Member
From: Netherlands
Registered: 2005-03-25
Posts: 809
Website

Re: Strange effect when hovering article title!

@thebombsite > but thank you for your input, that’s what really counts!

Offline

#8 2007-11-27 00:04:06

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: Strange effect when hovering article title!

No problem. It can just be confusing looking at someone’s site on 3 different tabs – page, source and CSS. ;)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

Board footer

Powered by FluxBB