I just reloaded the site several times in Firefox 1.5.0.1 (Windows) and it didn't change at all. Looks fine to me.

That is insane! I have 1.5.0.1 here at work and on two machines at home and all of them do the same thing randomly in Firefox!! At this rate I won't have any hair left! I even got down to 1 single css validation error to see if the problem would be corrected in the process. *sigh*

are you running any extensions that block javascript or manipulate pages?

But i'm running Firefox 1.0, 1.5.0.1, IE 6, and IE 7, And happyblog has always worked fine for me.

i can see it using ff 1.07.. refreshing a few times the text/image in the middle post stopped wrapping.

aside from that its a very very nice web site :)

---

I do notice one thing .. you appear to be putting a <p> tag after you have positioned the image. I know from my own personal experience when aligning images that I do like so,

<p><img src="/media/home_s.jpg" alt="Stardust@Home image" class="rightmargin">In
January 2004, the Stardust spacecraft flew through the coma of comet
Wild2 and captured thousands of cometary dust grains in special aerogel
collectors. Two years later, in January 2006, Stardust will return
these dust grains — the first sample return from a solid solar-system
body beyond the Moon — to Earth. But Stardust carries an equally
important payload on the opposite side of the cometary collector: the
first samples of contemporary interstellar dust ever collected. As well
as being the first mission to return samples from a comet, Stardust is
the first sample return mission from the Galaxy. But finding the
incredibly tiny interstellar dust impacts in the Stardust Interstellar
Dust Collector (SIDC) will be extremely difficult.</p>

Notice that the image is contained within the <p> tags.

Balupton, here is a list of the plugins installed at the moment:

Calendar Skin Tag
Quick Tags
Archives Skin Tag
BB code
Auto Links
Texturize

Nothing installed is blocking javascript as far as I know. Could a misconfigured .htaccess file do this maybe? I'm writing this post from my fiancee's house and as soon as I brought up the site in Firefox, it exhibited the problem. IE over here is still rock solid - I can't believe it! Thanks for the compliment, whoo!

read up ^

GEEZ give me time to reply ;)

The simplist way of resolving issues like this is to:
Take a screenshot of the problem
Save the webpage (Files->Save Page As), zip it, then let me ;) look at it.

Heres a screen of it working fine for me:
http://dev.balupton.nghosting.org/b2evo/philly-g-problem.gif

Edit: The plugins installed on b2evo should not have anything to do with this. As the problem only happens on some browsers.

its the location of the <p> tags in relation to the image ..

check this:

http://www.village-idiot.org/stash/gah.html

All I did was move ONE <p> tag to include the phonenix image .. and voila.

hes doing this:

<image><p>text stuff</p><p>more text stuff</p>

Ive done :
<p><image>text stuff</p>

it solves the moving text but breaks his line indents obviously. If it were me, I would handle those seperately anyway.

Hmm, I do believe you are correct, Whoo. So I have to enclose the whole thing in a <p></p>. Yeah, it'll really suck if I can't do any indentations or paragraph breaks to break up the monotony of one big block of text. Any suggestions to get the formatting in there to work around the "work around"? :-/ I'm still a basic beginner with css or html for that matter. Oh, what's your email address, Balupton? That is if you still wanted to look at this zipped page I made for you.

Well with whoo's fix then for your 2nd paragraph it will start at the end of the image, as seen in http://www.village-idiot.org/stash/gah.html - there is a big gap until the pheonix image finishes.
Unlike on http://www.philly-g.org/ where the image is on the right and the text continues on the left.

I've honestly never had a problem with this in Firefox until I updated the site to Phoenix. All of the previous posts have been in the <img src align="left"/> <p>text</p> format. Rock solid until now. I still can't believe how IE is the well-behaved lad here. Naughty Firefox!

honestly, the CSS guru is Scott, he can do anything :)

I'm messing with using FF's web-dev extension but not really coming up with much that helps with the indent.

philgee - can i still see a screenshot.... so that way i know exactly what the problem is?

balupton,

you will notice that every aligned object on my site uses what I suggested and for a fixed width layout, I have little if any issues. I am not suggesting thats the only fix, merely that it is one. Inconsistencies between the 2 pages are obvious.

Looking at his CSS, there are a cpl things, he's applying the text-indent to the entire div (for 1) and though ideally thats only supposed to affect text, God knows what it really does. He's also got quite a few margin things going on, both with the images and the text.

Again, I suggest a call the super-CSS guru, Scott. He knows all.

heres a screenshot for ya:

http://www.village-idiot.org/stash/HERE.gif

balupton,
Certainly! But how do I get it to you?

Are we talking about the 'Digital Rebirth' post or the 'Rest in Peace, cousin Merc' post.....

Coz I just noticed the problem with the 'Rest in Peace, cousin Merc' post.

Is the problem this:

My post Title
                   [Image]
[Text]

Should be?

My post Title
[Text]          [Image]

philgee wrote:

balupton,
Certainly! But how do I get it to you?

ImageShack or RapidShare, your blog should also allow uploading images...
To do a screenshot is the PrintScreen or PrntScr button on your keyboard.

Edit:
Sometimes i think we are tooo quick to reply ;)

http://www.village-idiot.org/stash/HERE.gif

Ok now i know what the problem is ;)

Just curious but is that problem happening to the post 'Chip off the old block'... for me that post is fine...

If that is the case, maybe its because u NEED to specify hieght and width properties for your image tags.

And also make sure you end your image tags in />

Is the problem this:

My post Title
                   [Image]
[Text]

Should be?

My post Title
[Text]          [Image]

Right! This happens randomly.

balupton wrote:

If that is the case, maybe its because u NEED to specify hieght and width properties for your image tags.

And also make sure you end your image tags in />

I actually pulled height/width properties from some of the image tags when I was troubleshooting earlier. Makes no difference whether they are declared or not - problem still randomly appears.

Ok, try this, works fine with editing it in realtime from the site.

Change:

.picright {
	float: right;
	margin: 5px 0px 0px 5px;
}

To

.picright {
float:right;
margin:1px 5px 5px 10px;
}

Actually dont bother with that...

If this dont work i have no clue:

.picright {
position:relative;
   float: right;
   margin: 5px 0px 0px 5px;
}

balupton wrote:

If this dont work i have no clue:

.picright {
position:relative;
   float: right;
   margin: 5px 0px 0px 5px;
}

Nope. Problem still exists. Thanks for helping, I really appreciate your time and effort...Mr. Whoo as well. :(

ima girl.. and pr353n7|y |00k1n6 47 7h3 50ur(3 0f 4 h4(k3d wp 8|06.

Interesting stuff.

whoo wrote:

ima girl.. and pr353n7|y |00k1n6 47 7h3 50ur(3 0f 4 h4(k3d wp 8|06.

woops...sorry! lol

pfffftt!!! Google, Mr. massive timesink and I fixed it.

Alrite add [Solved] to the title, and also post how you fixed it here for future reference ;)

First, in the css class ".btext", I removed "display: table;". I think somehow this was the culprit that caused so much random mischief in poor FireFox. At this point, I had the random glitch fixed, but was now having a problem with images hanging down well below the postbox container if the post text wasn't greater than the image height. I searched all over and finally added "overflow: auto;" to the ".btext" css class. I've refreshed that site about a million times since then and it seems to be stable. Oh....IE *still* works! :D Thanks to all those that got me going with their input in the beginning!