- This topic is empty.
-
AuthorPosts
-
May 15, 2013 at 11:52 am #44801
cheries001
Memberhttp://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.
May 15, 2013 at 12:00 pm #135194Paulie_D
MemberYou 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.
May 15, 2013 at 1:34 pm #135206cheries001
MemberThe 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.
May 15, 2013 at 1:35 pm #135207cheries001
MemberThere is a float left on the text on the main. Would that do it?
May 15, 2013 at 1:40 pm #135208cheries001
MemberI 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.
May 15, 2013 at 2:15 pm #135214wolfcry911
Participant> 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 htmlMay 15, 2013 at 3:05 pm #135218cheries001
MemberNo, it isn’t that setting in the main. Can’t seem to find what is wrong here.
May 15, 2013 at 3:28 pm #135219JohnMac4
Member@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.
May 15, 2013 at 5:03 pm #135224cheries001
MemberYes 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.
May 15, 2013 at 5:42 pm #135228wolfcry911
Participantthe about us page has an additional ruleset for #main that contains a float: left;
May 15, 2013 at 7:17 pm #135239cheries001
MemberYes, but that works well on the page. Where do I click Solved at?
May 16, 2013 at 4:24 am #135256Rohithzr
Participant> Yes, but that works well on the page. Where do I click Solved at?
just edit the post u posted and ull get it
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.