'post_content' Going below author info

by Shaan22 - 05-01-2016, 02:15 PM
Junior Member
Posts:
57
Joined:
Jan 2016
Likes:
3
Credits:
69
Reputation:
0
2 Years of Service
#1
OP
Posted: 05-01-2016, 02:15 PM (This post was last modified: 05-01-2016, 02:17 PM by Shaan22.)
So the screenshot will place my problem more clearly:

[Image: iei2s6.jpg]

When I resize/decrease my 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.
Junior Member
Posts:
57
Joined:
Jan 2016
Likes:
3
Credits:
69
Reputation:
0
2 Years of Service
#2
OP
Posted: 26-01-2016, 08:48 PM
Please someone have a look here. I need to fix this badly.

Posts:
10,987
Joined:
Apr 2015
Likes:
920
Credits:
18,643
Reputation:
178
3 Years of Service
#3
Posted: 26-01-2016, 09:56 PM
float: right; on post content?
もうあなたから愛されることも
必要とされることもない
そして私はこうして一人ぼっちで
Junior Member
Posts:
57
Joined:
Jan 2016
Likes:
3
Credits:
69
Reputation:
0
2 Years of Service
#4
OP
Posted: 27-01-2016, 07:22 AM
(26-01-2016, 09: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

}
ᶠᵃᵈʸ'ˢ ʷᵃᶦᶠᵘ
Posts:
543
Joined:
Jan 2015
Likes:
68
Credits:
1,151
Reputation:
39
3 Years of Service
#5
Posted: 27-01-2016, 09:29 AM
it breaks because the theme isn't responsive

if you want to make it responsive, research media queries
Faded is cute Heart
Rehab is for quitters
Prime
Posts:
515
Joined:
May 2015
Likes:
11
Credits:
503
Reputation:
22
3 Years of Service
#6
Posted: 27-01-2016, 09:43 AM
When you're making it responsive, avoid using any floats.
Junior Member
Posts:
57
Joined:
Jan 2016
Likes:
3
Credits:
69
Reputation:
0
2 Years of Service
#7
OP
Posted: 28-01-2016, 11:25 AM
(27-01-2016, 09: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 and pointing 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.
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)