Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
Article div overlap in Firefox
This is an odd problem that I find only happens in short articles with thumbnail images, but I can’t think of how to solve it. You can see it (unfortunately) happening right now on the front page of my journal. The following article floats over the first and overlaps it. But, and here’s the weirdest part, it’s only in Firefox!
Here it is in action: xwray
Can anyone give me any input on why this is happening? I keep examining my CSS code without success.
Thanks.
Offline
Re: Article div overlap in Firefox
Unfortunately, the same thing also happens in Mac OS X’s Safari.
I don’t have the time to check out the source now, but I thought I’d let you know. Hopefully, I can find the time later tonight to figure out what’s wrong.
Offline
Re: Article div overlap in Firefox
Add a clear:both to either div.small or div#content > div.article > h3. This will fix the overlapping. However div#content won’t behave properly after you do that. Float div#content left and remove the margin-left.
That makes it work in Firefox. Don’t know how to attach a user style sheet in Safari to test.
You could probably get away with just a clear:left but I like clearing everything in row clearing items. Personal preference.
Last edited by hakjoon (2006-02-16 21:05:32)
Shoving is the answer – pusher robot
Offline
Re: Article div overlap in Firefox
<b>hakjoon</b>: I tried your suggestions, but they break other stuff as they fix the overlapping. All the content in the blog entries drops to below the sidebar and fills up the white area, leaving blank space on the right of the sidebar where they should be. Not sure how to clear only some divs and not all of them.
(undoing changes now)
Any other suggestions?
Offline
Re: Article div overlap in Firefox
I totally had this working at work. I just tried it at home though and it doesn’t work. This however seems to work without any other changes.
<pre><code>
div.article {
float:left;
}
</code></pre>
I’m doing this just using the edit CSS tool in Firefox so maybe it’s not super accurate, but adding that rule seems to make everything else work properly.
Last edited by hakjoon (2006-02-16 23:33:28)
Shoving is the answer – pusher robot
Offline
Re: Article div overlap in Firefox
Beautiful! Thanks so much.
I now notice I have some other IE issues, but I’ll work them out.
Offline
Re: Article div overlap in Firefox
Actually, it’s still not working in Firefox! It’s still squished!
It looks okay in IE and in Firefox … <i>after you refresh</i>. What gives? Can this even be a CSS issue?
Help!
Offline
Re: Article div overlap in Firefox
I’m seeing it too, and like you said it looks perfect after you refresh. That’s pretty weird, not sure what would cause that.
Shoving is the answer – pusher robot
Offline
Re: Article div overlap in Firefox
<a href=“http://www.positioniseverything.net/easyclearing.html”>This</a> might help you.
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
Pages: 1