Layout breaking

[Prince of phpbb]

http://www.apnamazah.com/aa/viewtopic.php?p=36403#36403

I really cant figure out why is it breaking up other than that image in one of the user's signaure .. I do remember this it was asked somewhere earlier but I cant find it.

Thanks in advance.

[Thatbitextra]

It doesn't look particularly broken to me...
Where exactly are you looking?

[Prince of phpbb]

Weirdd .. it seems fine on that page but look at this

http://apnamazah.com/aa/viewtopic.php?t=795

[ZombieSlayer]

Maybe the javascript hosed everything up.

<td valign="middle" nowrap="nowrap"><a href="profile.php?mode=viewprofile&u=5"><img src="templates/softmetal/images/lang_english/icon_profile.gif" alt="View user's profile" title="View user's profile" border="0" /></a> <a href="privmsg.php?mode=post&u=5"><img src="templates/softmetal/images/lang_english/icon_pm.gif" alt="Send private message" title="Send private message" border="0" /></a> <a href="http://www.ix.com.pk" target="_userwww"><img src="templates/softmetal/images/lang_english/icon_www.gif" alt="Visit poster's website" title="Visit poster's website" border="0" /></a> <a href="http://edit.yahoo.com/config/send_webme ... c=pg"><img src="templates/softmetal/images/lang_english/icon_yim.gif" alt="Yahoo Messenger" title="Yahoo Messenger" border="0" /></a> <a href="profile.php?mode=viewprofile&u=5"><img src="templates/softmetal/images/lang_english/icon_msnm.gif" alt="MSN Messenger" title="MSN Messenger" border="0" /></a>

<script language="JavaScript" type="text/javascript"><!--

if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
document.write(' ');
else
document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute"></div><div style="position:absolute;left:3px;top:-1px"></div></div>');

//--></script><noscript></noscript></td>
</tr>
</table></td>

It also looks like a couple of people tried to use html tags instead of bbcode tags which might break the layout.

[Prince of phpbb]

but on some of the pages .. it appears fine .. i mean if it was javascript error or something shouldn't it be uniform throughout the site ??

[Thatbitextra]

It's the first line of this post that is breaking the topic. It's a long unbroken line of text. Avoid posting them.

[Cerr]

The lay-out breaks when picture width is too large or when a 'word' is too long (without breaks). We have this same problem in our forum and the only sollution we could find is cutting back on image size.

This is another testforum I'm having (not the forum I was talking about, but same thing happens):

too large picture in signature:
http://doqnach.miraizou.net/cerr/phpBB2 ... ic.php?t=8

too large picture in post:
http://doqnach.miraizou.net/cerr/phpBB2 ... ic.php?t=9


It seems that as soon as the picture reaches the "quote" button, the width of the messageboard is extended, breaking the lay-out, while there is still enough space next to it. It's creating extra whitespace. (don't know how I can describe it otherwise)
I have tested it on several skins and as far as I can see it's something inherent in phpBB. Even the subsilver skin is doing this and so I don't know what can be done about it (I wish there was a solution!). Although you can't see it that well in the subsilver skin, the "quote", "edit", etc. button still shift more to the right enlarging the posting space. Right now you can only see "quote", but when it is your own post or when you are a moderator/admin this space next to the picture is even larger

That piece of javascript isn't the problem. I already erased that and it still occurs. This breaking of the lay-out does occur in at least IE and Firefox. Opera doesn't seem to be having any problems.

I hope everyone understands what I'm saying, 'cause this post seems kind of messy :-p

[Prince of phpbb]

Yea .. Cerr you are right .. but I hate myself because I do remember there was a MOD a year ago which helped to tackle this picture break up problem .. but I cant find it .. it was in MOD DB though

[tm6tech]

the mw3 "prevent any layout from breaking" (i think that's what it's called) does a good job of fixing that problem.

[Cerr]

Thank you