Help with CSS for Page Width

  • dou9las

    (@dou9las)


    16 years, 9 months ago

    I am using the “Sales Letter Theme” which is a single column layout. It comes with a set width of 800px, and I want to narrow it down to 600px. Site is at http://stopdebtcollectors**DOT**org

    I went into the CSS and found the code, and dropped it down to 600 – and when I do, the text fails to wrap, and just goes beyond the body area and gets cut off (overflow=hidden…) Here is the code controlling the width:

    /* begin Box, Sheet */
    .Sheet
    {
    overflow: hidden;
    min-width:23px;
    min-height:23px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    width: 800px;
    }

    I looked at other styles and tried turning float on and off, changing position from absolute to relative, etc. and nothing I have tried will simply make the text flow nicely within the page body. (!!!)

    If someone could help me understand what I am missing, it would be very appreciated!

    -Doug

Viewing 6 replies - 1 through 6 (of 6 total)
  • Peter Boosten

    (@pboosten)

    16 years, 9 months ago

    classes contentlayout and content also contain width directives. Change them accordingly

    Thread Starter dou9las

    (@dou9las)

    16 years, 9 months ago

    Many thanks – I revised those widths, and now the text is wrapping correctly. Very appreciated.

    For some reason, at the bottom right hand corner, there is a white block of some kind protruding past the main body area. I tried reducing the widths of the header/footer as well, but it didn’t solve that issue.

    Have any ideas on what is causing this?

    Peter Boosten

    (@pboosten)

    16 years, 9 months ago

    Yup, class Footer-background has a width of 610px

    Thread Starter dou9las

    (@dou9las)

    16 years, 9 months ago

    Well, first of all, you were right again – you Rock pboosten! I reduced the footer-background by 100px, and now all looks fine…But

    I am just a little confused though: Before changing widths, the template had an overall width of 800, then all of the other classes had 790.
    So, per your astute advice, I changed all of the relevant widths to 610, and that worked – except that my footer background was still poking out?

    In other words, I was consistent (I think..) in reducing the widths, yet this one class didn’t behave consistently?

    Peter Boosten

    (@pboosten)

    16 years, 9 months ago

    Although you changed everything to 610px, your text only is 600 wide.
    .Footer is also 610px wide, and the background exceeded the post by 10px, so reducing it to 600px would have been sufficient.

    I haven’t looked at the difference between your 610px and the 600px width of the white background.

    Peter

    Thread Starter dou9las

    (@dou9las)

    16 years, 9 months ago

    Ah, okay, that makes sense….Thanks Peter! You’ve been a big help.

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

The topic ‘Help with CSS for Page Width’ is closed to new replies.