Profile on left -avatar in message body when window is small

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Ideas Centre
Locked
User avatar
ilikepeach
Registered User
Posts: 50
Joined: Wed Apr 09, 2008 10:10 am

Profile on left -avatar in message body when window is small

Post by ilikepeach »

Hi,

I changed the prosilver to get profile on left using instruction from here http://www.phpbb.com/kb/article/prosilv ... s-on-left/

I also changed the profile field to be smaller as code below. As you can see from the screenshot below everything works fine when the browser window is big but the avatar is in message body when I make the browser window smaller. Please help.

Image


Code: Select all

5.	Smaller profile column		
	-> In content.css
	/* Post body styles
	----------------------------------------*/
	.postbody {
		padding: 0;
		line-height: 1.48em;
		color: #333333;
		width: 76%; <-84
		float: right;
		clear: both;
	}
	.postprofile {
		/* Also see tweaks.css */
		margin: 5px 0 10px 0;
		min-height: 80px;
		color: #666666;
		border-right: 1px solid #FFFFFF;
		width: 22%; <-14
		float: left;
		display: inline;
User avatar
ilikepeach
Registered User
Posts: 50
Joined: Wed Apr 09, 2008 10:10 am

Re: Profile on left -avatar in message body when window is small

Post by ilikepeach »

Any one?
User avatar
Raimon
Former Team Member
Posts: 12088
Joined: Tue May 30, 2006 5:31 pm
Location: Netherlands
Name: Raimon Meuldijk
Contact:

Re: Profile on left -avatar in message body when window is small

Post by Raimon »

Try to use smaller avatars, with a window like these days it is displayed quit fine.
If i resize my window like 70% i see the issue, you could try to use the CSS value "min-width"
So it looks like ;

Code: Select all

   .postbody {
      padding: 0;
      line-height: 1.48em;
      color: #333333;
      width: 76%;
      float: right;
      clear: both;
	  min-width: 76%;
   }
   .postprofile {
      /* Also see tweaks.css */
      margin: 5px 0 10px 0;
      min-height: 80px;
      color: #666666;
      border-right: 1px solid #FFFFFF;
      width: 14% !important;
      float: left;
      display: block;
      min-width: 14% !important;
}
Need phpBB installation, extenstions, Styles or integrate phpBB with you website?
Contact me for fair prices and good service!
User avatar
ilikepeach
Registered User
Posts: 50
Joined: Wed Apr 09, 2008 10:10 am

Re: Profile on left -avatar in message body when window is small

Post by ilikepeach »

Thanks but it doesn't work...
Locked

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