Weird behavior in firefox
| Project: | Andreas09 |
| Version: | 4.7.x-1.x-dev |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
I love the theme, but I've noticed something odd, at least in Firefox...
On my front page, the top promoted node renders with a _huge_ space under it, pushing all the other items in the list down off the bottom of the screen (and showing a big white space between them.)
But as soon as you mouse-down on a link, all the other items suddenly "jump" up to where they are supposed to be, under the first item.
Of course, this means that it looks like the front page is nearly empty, until you click on a link, and then suddenly, just as you are already on your way to another page, everything's fixed - for a second.
I'm guessing this is something to do with float or height attributes, and it may just be some weirdness about how mozilla/firefox handles things.
For an example of what I'm talking about, you may take a look at:
http://www.coyotemoonpublications.com/
(No, I'm not trying to get a free plug - just trying to demonstrate the behavior described. )
#1
Okay... if I comment out the section that allows the taxonomy tags to display, the weird behavior also seems to go away. Needless to say, that's experimentation, not a fix. : )
I'm guessing that the problem is something to do with the ul or li tags around the taxonomy terms in that box.
Perhaps something in the CSS definitions is getting confused, and applying an incorrect rule, or there's an improperly closed tag hiding somewhere or something.
#2
Sorry for the delay. Are you still experiencing this issue? I took a look at your site and it looks great to me. Please let me know if you did something to fix the issue. Thanks!
#3
No. I didn't fix the issue. It still happens every time I view it.
I've had complaints from visitors to my site, and am about to just switch out the theme and use a different one. I can't figure out what's causing the behavior.
#4
I have the problem as well and it is not confined to Firefox; Opera looks the exactly the same. Also, I have been told that it is worse in IE6 because it only displays the first story, the rest don't appear at all. Have a look at http://ptchevrsabowls.co.nz/ and see what I mean.
#5
AlanPurchase:
When I visited the page you suggested, it did something weird, but different weird! At first, the page showed up doing the same error as on mine... i.e. the first story appeared at the top, with a huge white space "pushing" the other stories down past the bottom. But on _your_ page, they suddenly leaped up by themselves after a moment, rather than waiting for me to mousedown on a link.
The weird thing about this bug is that holding the mouse down on a link causes everything to jump back up to where it belongs (on my install). That makes no sense to me. This theme isn't using any javascript or anything that I can see.
I love the theme, but I'm just going to have to give up and switch to another one if nobody can figure out what's causing this. I like it enough that I was trying to just hold out for a fix. : )
Coyote
#6
OK - same issue with the whitespace - but no jumping up.
From what I can see - it is a clash in styles between the theme and something else. In my case - the space is always related to the positioning of the line of links (read more etc). For me - I can sometimes get one OK article, depending on its height. But - if the article preview is long enough (although I can't pinpoint what "long enough" is technically) then the linkline moves down so that it is just at a level under the end of the right hand menu.
To clarify. On the attached image you can see that the links at the end of the second article (the first is a little off screen to the top) is positioned just below the poll in the right hand side. If I add other things to the right menu then it moves even further down. It is always the links that are moved down - so there must be something to do with the right hand side column and the styling of this links line that are not playing together.
#7
I have discovered a solution to this problem but I won't take any credit for it. By chance I happened to look at the News Portal theme and found that it had exactly the same problem. Fortunately someone had posted a solution (refer to #32 submitted by benthere on September 23, 2006 - 06:58). I implemented the solution in Andreas09 and hey presto, it works.
It may not be the cleanest of solutions, but here it is:
In page.tpl.php
<div id="content"><div class="magic_float">
.........
</div>
<div class="clearingdiv"> </div>
</div>
</div>
In style.css
.magic_float {float: left;
margin: 0 10px;
}
I have made the change to http://ptchevrsabowls.co.nz/ if you would like to see the result.
#8
fixed in 4.7, please review
#9
Well - better but not perfect.
The huge whitespace is gone. But see the attached image - the wrapping white block at the top isn't working.
#10
Forget that - I screwed up - working fine.
#11
#12
Hey,
I am having this problem too... but in Drupal 5?
I tried the "magic_float" trick, but it didn't work... I got the same small content box like the final image above...
Any ideas?
Ron