MyBB Support

'post_content' Going below author info

Submitted by Shaan22, , Thread ID: 16407

Thread Closed
Shaan22
Junior Member
Level:
0
Reputation:
0
Posts:
55
Likes:
4
Credits:
69
05-01-2016, 03:15 PM
This post was last modified: 05-01-2016, 03:17 PM by Shaan22
#1
So the screenshot will place my problem moreclearly:

[Image: iei2s6.jpg]

When I resize/decreasemy browser, the content get scrambled and post content comes below postbit_auth_user.

I am on a classic Post style.

I am unable to figure out how to fix it, So i'm here on NBB.

RE: 'post_content' Going below author info

Shaan22
Junior Member
Level:
0
Reputation:
0
Posts:
55
Likes:
4
Credits:
69
OP
26-01-2016, 09:48 PM
#2
Please someone have a look here. I need to fix this badly.

RE: 'post_content' Going below author info

Faded
Legend
Level:
21
Reputation:
215
Posts:
10.2K
Likes:
1.12K
Credits:
15K
26-01-2016, 10:56 PM
#3
float: right; on post content?
[Image: InZ3hGx.png]

RE: 'post_content' Going below author info

Shaan22
Junior Member
Level:
0
Reputation:
0
Posts:
55
Likes:
4
Credits:
69
OP
27-01-2016, 08:22 AM
#4
26-01-2016, 10:56 PM
Faded Wrote:
float: right; on post content?

Thanks for replying faded.

I already have float: right; in Post_content

Below is the css of post_content:
Code:
.post_body {
  font-size: 14px;
  padding: 12px 0
}

.post.classic .post_content {
  float: right;
  width: 79%;
  padding: 0 1% 5px 1%
}

.post_content {
float: right;
  padding: 9px 10px 5px 10px

}

RE: 'post_content' Going below author info

cute
Married to Yuun
Vixen
Level:
4
Reputation:
50
Posts:
523
Likes:
92
Credits:
1.09K
27-01-2016, 10:29 AM
#5
it breaks because the theme isn't responsive

if you want to make it responsive, research media queries
[Image: ZtDsXXv.png]

RE: 'post_content' Going below author info

LikeAlcohol
Rehab is for quitters
Prime
Level:
0
Reputation:
22
Posts:
346
Likes:
13
Credits:
503
27-01-2016, 10:43 AM
#6
When you're making it responsive, avoid using any floats.

RE: 'post_content' Going below author info

Shaan22
Junior Member
Level:
0
Reputation:
0
Posts:
55
Likes:
4
Credits:
69
OP
28-01-2016, 12:25 PM
#7
27-01-2016, 10:29 AM
Senpai Wrote:
it breaks because the theme isn't responsive

if you want to make it responsive, research media queries

Thank you so much for replying andpointing that out.Yes I now understand, media queries is the one that can save me.

But now I am unable to figure out how to prevent the post_content from going below the author_user.

The thing is I have set the width of author_user template to width=155px.It can be solved by setting width of author_user in percentage. But in that case when the browser size is decreased, the author info shrinks and look ugly.

Users browsing this thread: 1 Guest(s)