Some Content Overlapping Sidebar [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
so I'm new to CSS and HTML. I'm in the process of modifying a basic code for my blog on Tumblr, and I noticed that only two posts don't overlap my sidebar. I don't know what's wrong or how to fix it. Please help.
Here's my blog, so you can see what I mean: X
Here's my code, in case that helps: X
Thank you.

There is an iframe inserted at the middle of the contents. please remove that, and the layout fixes.

You should set the margin for the #posts
div#posts {
margin: 60px 0 60px 450px;
padding: 20px 0;
}

Related

CSS - Any Tip to remove the space? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 days ago.
Improve this question
I need help to remove space above the navbar
My HTML code:
https://pastecode.io/s/uia7zv3t
My CSS code:
https://pastecode.io/s/ba5qtpmp
Your .container class has 30px margin top and bottom, I believe that's what you meant.
Anyway, your body also has a margin you should reset, and you should use tag in body to load CSS, but it should be moved to instead.

Blogger Soho Theme Main Page Width Between Columns [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
My Blogger Soho theme main page has two columns listing the posts complete with pictures. The gaps between the columns are too close. May I know if there is a css code to improve that?
Sorry if this question has been answered as I could not find one after searching and I am a newbie in css.
https://retireby50sg.blogspot.com
Thanks in advance for advice!
Actually your image width is going out of div so try to reduce the width of image. here is the css try this
.snippet-thumbnail img {
width: 95%;
}
If you don't post your code is so hard to give you a proper answer, but I could say you that you should open the CSS code about your theme and find the two columns tag or id or whatewer the theme uses, then you could use margin or padding property to make the gap between both bigger.
Use of margin and padding (Because you said you're a newbie hahahaha)
Margin: https://www.w3schools.com/css/css_margin.asp
Padding: https://www.w3schools.com/css/css_padding.asp

Issue about too much spacing beneath the footer [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I tried to look for this issue for more than an hour but unfortunately unable to find where the problem exist. Here is the link for it http://professionals.dev.wbstaging.com/results as you can see at the bottom there is a bigger spacing, thank you for the help.
Try adding overflow:hidden to your class .main_container.
.main_container {
min-height: 797px;
position: absolute;
height: auto;
overflow: hidden;
}

The footer is behind the main content, I think it needs a clear:both, but where? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I think this needs a clear:both somewhere, but where?
The situation: the footer is sitting behind the main content div.
Right now the footer is near the bottom of the page only because of a minimum-height on the main-content div.
Here's how its looking
Seems to work well removing
.details {
height: 54px;
}

Background-color top and right [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I tried to set the background-color to a div, but the top of the div remain uncolored.
I tried padding-top and padding-right, but it is not working.
I need some help,please.
Thank you.
*{
padding:0 ;margin:0;
}
Every browser has its own user agent style sheet. So you have to overide it before starting HTML/CSS.
Use the above code.
for detailed explanation refer here
I think that your problem is in the body.
Add this to your css file
body{
margin:0;
padding:0;
}