It's my blog. You can see the sidebar in the right. I want to make that dynamic. That mean's when the browser width become smaller that should go to the bottom of the content. How I can do that?
After many hours working, now I can say my blog is almost right for all platforms!
But why almost? Because there's a small problem that I couldn't make it correct and I'm here to ask you to help me. That's comments section.
Please open THIS link. Make the browser width smaller. You will see many changes and the content will be correct. But Comments are not. I want you to show me the reasons to make that correct. Thanks.
Where is that? (In which line) Is ".comment list .vacrd, comment list. children..." your purpose? If yes, I changed "width:100%" to "max-width:100%", but that doesn't helped. Any other solutions please.
all have fixed widths! replace those with max-width. maybe there's more... so you should get chrome or opera, and become friends with "inspect element" (right click any element to see its CSS and why it has it)... and use that to find the things keeping the page from resizing properly, and change the stylesheet accordingly.
I want to make that dynamic. That mean's when the browser width become smaller that should go to the bottom of the content. How I can do that?
See this picture to understand my purpose.
lol, c'mon @farzadina! There are tonnes of tutorials out there just waiting for you to read them.
But why almost? Because there's a small problem that I couldn't make it correct and I'm here to ask you to help me. That's comments section.
Please open THIS link. Make the browser width smaller. You will see many changes and the content will be correct. But Comments are not.
I want you to show me the reasons to make that correct. Thanks.
Is ".comment list .vacrd, comment list. children..." your purpose?
If yes, I changed "width:100%" to "max-width:100%", but that doesn't helped.
Any other solutions please.
http://baghbagho.com/wp-content/themes/Basic/style-Red.css
.commentlist
.commentlist li
.commentlist li div
all have fixed widths! replace those with max-width. maybe there's more... so you should get chrome or opera, and become friends with "inspect element" (right click any element to see its CSS and why it has it)... and use that to find the things keeping the page from resizing properly, and change the stylesheet accordingly.
I will do that and if the problem doesn't solved, I will let you know.
Thanks again Johann!
How can I solve it?