It's not a browser issue, not necessarily a bug - it's probably something I am doing, but for some reason I just can't figure it out. It happens in IE, Firefox, Opera, and Chrome. I've tried it at work and it worked fine.
For whatever reason it does this: http://i19.photobucket.com/albums/b161/mutters/lalatextwrapissue.png with my photos.
Any suggestions as to why?
For whatever reason it does this: http://i19.photobucket.com/albums/b161/mutters/lalatextwrapissue.png with my photos.
Any suggestions as to why?
This is unfortunately expected behavior for CSS.
It's very hard to explain in a nutshell, but when you set an image's alignment, you are giving it the "float" property, which you can think of as partially removing it from the normal flow of the page. This causes things to flow around it instead of dropping below it, but in losing the power to push things beneath itself, it loses the power to push things beneath itself - thus you get issues like this, where the image falls out of the box it's supposed to live inside, because it can't push it down any further. That's why the image alignment tag comes with a warning, giving a thing "float" can cause it to interact very oddly with the other elements on the page.
I'm looking into a work around, and I'm hopeful.
In the meanwhile, you can force your template to extend by hitting enter a bunch of times, and then placing a single character like an asterisk or a period (otherwise it'll trim off all the extra white space, thinking it was a mistake of someone leaning on their space bar or something) since text still retains pushing power.
You've got some really awesome paintings there, by the way!
It's very hard to explain in a nutshell, but when you set an image's alignment, you are giving it the "float" property, which you can think of as partially removing it from the normal flow of the page. This causes things to flow around it instead of dropping below it, but in losing the power to push things beneath itself, it loses the power to push things beneath itself - thus you get issues like this, where the image falls out of the box it's supposed to live inside, because it can't push it down any further. That's why the image alignment tag comes with a warning, giving a thing "float" can cause it to interact very oddly with the other elements on the page.
I'm looking into a work around, and I'm hopeful.
In the meanwhile, you can force your template to extend by hitting enter a bunch of times, and then placing a single character like an asterisk or a period (otherwise it'll trim off all the extra white space, thinking it was a mistake of someone leaning on their space bar or something) since text still retains pushing power.You've got some really awesome paintings there, by the way!
Ah-ha!
That explain why I've seen stray periods on some profiles.
Thank you very much, especially for explaining it all in detail.
That explain why I've seen stray periods on some profiles.
Thank you very much, especially for explaining it all in detail.
Okay, I've written a small script that should correct this issue by searching the page once it has completed loading and checking to make sure no images fall out of their containing widgets. It would be great if a few of the people that were having this problem could test it out for me, preferably in a few different browsers.
If you find any case in which it is not working, let me know the page where you can see the problem, and which browser (including version) it's occurring in so I can revisit it.
If you find any case in which it is not working, let me know the page where you can see the problem, and which browser (including version) it's occurring in so I can revisit it.
You are on: Forums » Suggestions & Development Discussion » Text Wrap Issue
Moderators: Mina, Keke, Cass, Auberon, Claine, Ilmarinen, Ben, Darth_Angelus