cheries001

# May 15, 2013 at 11:52 am

http://www.thenaturalcottage.com The main body is pushing the sidebar down below and the links are moving over 20 px but I can’t find where I have it wrong. The bug is in test.css under view source.

Paulie_D

# May 15, 2013 at 12:00 pm

You haven’t floated the main body (#main) but i think it will cause some issues if you do.

It kind of depend on what it’s supposed to look like…and we haven’t seen that yet.

Offhand, I think some HTML restructuring is required.

cheries001

# May 15, 2013 at 1:34 pm

The About US tab has what the page should look like. That page works right except for the weird thing that is now happening with the links.

cheries001

# May 15, 2013 at 1:35 pm

There is a float left on the text on the main. Would that do it?

cheries001

# May 15, 2013 at 1:40 pm

I must have changed one setting in the css to get this glitch. But I didn’t notice it when I did it until a few hours later. I am just a web development college student so some things I am still learning.

wolfcry911

# May 15, 2013 at 2:15 pm

> There is a float left on the text on the main. Would that do it?
Yes, #main needs to float in order to have the sidebar float next to it, _unless_ you put the sidebar before #main in the html

cheries001

# May 15, 2013 at 3:05 pm

No, it isn’t that setting in the main. Can’t seem to find what is wrong here.

JohnMac4

# May 15, 2013 at 3:28 pm

@wolfcry911 is right. I think the quote just ended up going to far.

Your text alignment isn’t an issue. It’s the floating of the container (#main) that is causing the issue.

#main {
width: 702px;
border-right: 1px solid rgb(152, 152, 152);
margin-right: 12px;
z-index: 1;
float: left; /* <

---

This is what they were getting at */
}

It also looks like it happened because you deleted the CSS file from the Home page. It’s on the about us page.

cheries001

# May 15, 2013 at 5:03 pm

Yes that float wasn’t the issue. Still not sure what the issue was but I am switching the css file to the About Us Page stylesheet to fix the problem temporarily. Home page now works as planned.

wolfcry911

# May 15, 2013 at 5:42 pm

the about us page has an additional ruleset for #main that contains a float: left;

cheries001

# May 15, 2013 at 7:17 pm

Yes, but that works well on the page. Where do I click Solved at?

Rohithzr

# May 16, 2013 at 4:24 am

> Yes, but that works well on the page. Where do I click Solved at?

just edit the post u posted and ull get it