Postbody out of alignment with postprofile after update

For support and discussion related to templates and themes in phpBB 3.3.
Zillon2
Registered User
Posts: 8
Joined: Tue Nov 10, 2020 7:03 pm

Postbody out of alignment with postprofile after update

Post by Zillon2 »

Having an issue getting the .postbody to align with the .postprofile following an update to 3.3.1 - and has persisted through the update to 3.3.2.

Help, please? Link to forum: https://datforumdoe.com

Thanks.
Attachments
Screen Shot 2020-11-10 at 2.10.19 PM.png
User avatar
ssl
Registered User
Posts: 470
Joined: Sat Feb 08, 2020 2:15 pm
Location: France
Name: Fred
Contact:

Re: Postbody out of alignment with postprofile after update

Post by ssl »

Hi
Do you have the same problem with prosilver style?
Sorry for my English ... I do my best!
User avatar
Gumboots
Registered User
Posts: 410
Joined: Fri Oct 11, 2019 1:59 am

Re: Postbody out of alignment with postprofile after update

Post by Gumboots »

Seems to have been solved. Looks fine to me: https://datforumdoe.com/forum/viewtopic ... 21#p463634
Zillon2
Registered User
Posts: 8
Joined: Tue Nov 10, 2020 7:03 pm

Re: Postbody out of alignment with postprofile after update

Post by Zillon2 »

ssl wrote:
Tue Nov 10, 2020 8:23 pm
Hi
Do you have the same problem with prosilver style?
It’s across all themes.

It seems to be an issue for only a few people, including myself, although only on my computer not on my mobile devices in desktop view.

I’ve cleared the forum cache, cleared my own cache, but the issue seems to still persist.

Prior to applying the 3.3.2 update, I did edit the CSS to reduce the width of the .postprofile but it didn’t haven any effect for those having the issue.
User avatar
Gumboots
Registered User
Posts: 410
Joined: Fri Oct 11, 2019 1:59 am

Re: Postbody out of alignment with postprofile after update

Post by Gumboots »

Can you tell us which browser you are using on desktop? Makes it easier to check things if we know that. Operating system might be handy too.

Something did occur to me: in content.css it has this:

Code: Select all

.postprofile_Left .postbody {
    float: right;
}
It's not actually necessary, since by default .postbody is defined as float: left; (a few lines earlier in the same file) and two left floated divs will sit neatly side by side anyway.

The reason this may be relevant is that with some browsers there used to be a bug, such that if the second element was float: right; it would cause the sort of break you are seeing. In other words, if div #1 was float: right; and div #2 was float: left; they would sit in line, but if #1 was float: left; and #2 was float: right; they would behave as if #2 was clear: both;

I've tested removing the float right code for .postbody in my document inspector and it doesn't seem to have any ill effects, nor should it. Doing that may fix your problem.
Zillon2
Registered User
Posts: 8
Joined: Tue Nov 10, 2020 7:03 pm

Re: Postbody out of alignment with postprofile after update

Post by Zillon2 »

Gumboots wrote:
Wed Nov 11, 2020 3:34 am

I’ll try removing the float right code.

I’m running Chrome on Mac OS Catalina - all fully updated. For me, Safari displays the forum correctly, Chrome does not, regardless of whether it’s in regular or incognito mode.

I’m not sure what the other users who have reported the same thing are running.
Last edited by Mick on Wed Nov 11, 2020 8:10 am, edited 1 time in total.
Reason: Removed unnecessary full quoting.
User avatar
Gumboots
Registered User
Posts: 410
Joined: Fri Oct 11, 2019 1:59 am

Re: Postbody out of alignment with postprofile after update

Post by Gumboots »

It might be specific to Chrome on Mac. I just checked with Chrome on W10 and it's fine. I don't have a Mac, so can't test that. I do know that the Chrome app running on iOS can do some strange things sometimes.
User avatar
ssl
Registered User
Posts: 470
Joined: Sat Feb 08, 2020 2:15 pm
Location: France
Name: Fred
Contact:

Re: Postbody out of alignment with postprofile after update

Post by ssl »

Hi
How was the update made to 3.3.2 because it is not normal to have this lag with the prosilver style?
Sorry for my English ... I do my best!
Zillon2
Registered User
Posts: 8
Joined: Tue Nov 10, 2020 7:03 pm

Re: Postbody out of alignment with postprofile after update

Post by Zillon2 »

ssl wrote:
Wed Nov 11, 2020 8:37 am
Hi
How was the update made to 3.3.2 because it is not normal to have this lag with the prosilver style?
Full package. Cleaned out everything but the images/files/store folders and config.php and started fresh.

Even did a fresh theme install.
User avatar
ssl
Registered User
Posts: 470
Joined: Sat Feb 08, 2020 2:15 pm
Location: France
Name: Fred
Contact:

Re: Postbody out of alignment with postprofile after update

Post by ssl »

I think the responsive.css file is not the one from version 3.3.2
Sorry for my English ... I do my best!
User avatar
PlanetStyles.net
Former Team Member
Posts: 4714
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: Postbody out of alignment with postprofile after update

Post by PlanetStyles.net »

Your browser is zoomed out.

Reset zoom to fix :)

(oh, and thanks for supporting my work :) - it helps keep a roof over my head)
Zillon2
Registered User
Posts: 8
Joined: Tue Nov 10, 2020 7:03 pm

Re: Postbody out of alignment with postprofile after update

Post by Zillon2 »

PlanetStyles.net wrote:
Wed Nov 11, 2020 5:33 pm
Your browser is zoomed out.

Reset zoom to fix :)

(oh, and thanks for supporting my work :) - it helps keep a roof over my head)
Absolutely! Love your work, been using this theme for a few years now.

I do have it zoomed out, good catch - it’s on purpose though, as I don’t need massive text like some people. Any idea how to get it to work with the zoom function?
User avatar
Gumboots
Registered User
Posts: 410
Joined: Fri Oct 11, 2019 1:59 am

Re: Postbody out of alignment with postprofile after update

Post by Gumboots »

Your browser should have an option to "Zoom text only"*. Alternatively, if you want more control, install Stylus (browser add-on, available for Chrome) and throw your own custom CSS tweaks at it. That way you can have the exact font-size you want, where you want it, and anyone else still gets the default.

(Stylus rocks. I'm running 240 lines of custom code on top of this site. ;) )

*Come to think of it, Chrome may not. It tends to be a tad basic in user options.
User avatar
PlanetStyles.net
Former Team Member
Posts: 4714
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: Postbody out of alignment with postprofile after update

Post by PlanetStyles.net »

Zillon2 wrote:
Wed Nov 11, 2020 6:07 pm
Any idea how to get it to work with the zoom function?
Yeah it should be pretty easy. I'll post it tomorrow :)

Out of curiosity, do you operate with low zoom on all sites, or just Milk? I've been wondering whether to add a scaleable control to flightdeck that lets you dial down the font-sizes and padding / margins proportionately to each other.
User avatar
Talk19Zehn
Registered User
Posts: 588
Joined: Tue Aug 09, 2011 1:10 pm
Contact:

Re: Postbody out of alignment with postprofile after update

Post by Talk19Zehn »

Hello, what happens (zoom in and out) if the declaration margin-left: 31px; is commented out and / or the entry is deleted in *)your responsive.css:

*)Line 594

Code: Select all

	.postprofile_Left .postbody {
		width: calc(100% - 200px - 1px - 31px);
		margin-right: 0;
		/*! margin-left: 31px; */
	}
:?: ... this approach may initially be helpful. In my opinion (!), the approach can may be helpful at this moment, as this entry will be deleted by the developer with the update to phpBB 3.3.2 **)and we can thus remedy the situation (phpBB 3.3.1).

Regards

Edit: 12 Nov 2020, 11:20
**) and we can thus remedy the situation also in phpBB 3.3.1.
Last edited by Talk19Zehn on Thu Nov 12, 2020 10:21 am, edited 1 time in total.
Post Reply

Return to “[3.3.x] Styles Support & Discussion”