CSS Issue, text wrapping under sidebar

  • Resolved MacMare

    (@macmare)


    15 years, 5 months ago

    Hello all: two problems…

    I’ve been messing with this for quite a while and was wondering if someone could take a look..

    https://mcallisterhouse.org/history/mcallister-family

    On pages such as this one with longer content, the content wraps around UNDER the left sidebar. Can someone tell me how to fix this? I would greatly appreciate it!

    Also, can the sidebar display of the bulletted sub pages be changed and if so, how? I would like the subpages to be less indented and “tighter” to the rest of the links..trying to figure out where to go to style that.

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    Just my opinion, but I think the site looks better with the text wrap. However, that being said, you can try this in your style.css:

    Change this:

    #content {
	width: 653px;
	margin-left : 100px;
	margin-top : 25px;
	background : #F4F0E1;
}

    To this:

    #content {
	width: 550px;
	margin-left : 235px;
	margin-top : 25px;
	background : #F4F0E1;
}

    All we did was increase the left margin to allow for the floated sidebar to the bottom of #content.

    As far as the buleted sub-page issue, you’re missing a

      for your outer list. Fix that first and see what it looks like, since it’s not currently displaying correctly. You can adjust the left margins for the subpages in style.css afterwards if it still doesn’t look right.

      You’re missing this: <ul></ul>

      Thread Starter MacMare

      (@macmare)

      Thank you so much! That indeed fixed it! I will look into the UL issue again…I didn’t even WANT the UL or LIs to show up…I really just wanted unbulletted main pages with bulletted sub pages but I couldn’t figure out how to do it. I just don’t like how much space is between the main pages and the sub pages…It is too far indented for my tastes..

      Thanks again for your help! I really appreciate it!

      i needed this exactly, but the margin-left edit did not work for me. my content wraps under the left sidebar as well. do you have another css tweak you can suggest please?
      thank you

    Viewing 4 replies - 1 through 4 (of 4 total)
    • The topic ‘CSS Issue, text wrapping under sidebar’ is closed to new replies.

    Tags