Layout breaking

This forum is now closed. Please ask all styles-related questions in the phpBB 3.0 Styles Support & Discussion Forum.
Locked
Prince of phpbb
Registered User
Posts: 286
Joined: Mon Jun 13, 2005 12:29 pm
Location: UK
Contact:

Layout breaking

Post by 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
Former Team Member
Posts: 7604
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.
Contact:

Post by Thatbitextra »

It doesn't look particularly broken to me...
Where exactly are you looking?
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)
Prince of phpbb
Registered User
Posts: 286
Joined: Mon Jun 13, 2005 12:29 pm
Location: UK
Contact:

Post by Prince of phpbb »

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

http://apnamazah.com/aa/viewtopic.php?t=795 :? :? :?
User avatar
ZombieSlayer
Registered User
Posts: 951
Joined: Sun May 02, 2004 3:18 am
Location: California
Contact:

Post by 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
Registered User
Posts: 286
Joined: Mon Jun 13, 2005 12:29 pm
Location: UK
Contact:

Post by 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
Former Team Member
Posts: 7604
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.
Contact:

Post by 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.
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)
Cerr
Registered User
Posts: 2
Joined: Fri Aug 18, 2006 8:01 am

Post by 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
Registered User
Posts: 286
Joined: Mon Jun 13, 2005 12:29 pm
Location: UK
Contact:

Post by 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
Registered User
Posts: 166
Joined: Mon Apr 14, 2003 1:51 pm

Post by 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
Registered User
Posts: 2
Joined: Fri Aug 18, 2006 8:01 am

Post by Cerr »

Thank you
Locked

Return to “[2.0.x] Styles Development & Discussion”