Cant find the right Statement - Newbie Help Request

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
snew

Cant find the right Statement - Newbie Help Request

Post by snew »

Hello first of all,
i am new with cms made simple and realy impressed of all the possibilities.

I am trying for a time now and want to start building a site.

I've got a problem with following:

1. I am using the template EllNav Horiz/Vert L 1col
2. I've like to have the site width at all a little bit more width so i set the width in tehe Layout css like these
    }
    div#page {
      width: 900px;
        margin:  10px auto 10px auto;
        padding: 0;
        text-align: left;
    }
3. Look to the behaviour of the site on the picture i added.

My problem is that when i try to make the content section more width then it dont work.

Maybe you got a hint for me in which section i have to set the statement? I've tryed so much at all and learned a lot but i don get it at all so far.

Thank you.


[attachment deleted by admin]
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm
Location: Finland

Re: Cant find the right Statement - Newbie Help Request

Post by tsw »

1. I am using the template EllNav Horiz/Vert L 1col
2. I've like to have the site width at all a little bit more width so i set the width in tehe Layout css like these
    }
    div#page {
        width: 900px;
        margin:  10px auto 10px auto;
        padding: 0;
        text-align: left;
    }
3. Look to the behaviour of the site on the picture i added.


You need edit Layout EllNav H/V L 1Col css file also

Code: Select all

    div#content {
        position: relative;
        width: 861px; <--- this to proper value
         /* this could be 100%; ?? */       
        margin: 15px auto 20px 0;
        padding: 0;

        text-align: left;
        border:1px solid green; <-- good for debuggin
    }


and

Code: Select all

    div#main {
        float: right;
        width: 550px; <-- this
        display: inline;
border:1px solid red; <-- again debuggin :)
    }


as you can see main is inside content and as it has width specified it will not take all space.

This kind of problems are quite easy to check by setting borders around divs and see where it ends  ;)
snew

Re: Cant find the right Statement - Newbie Help Request

Post by snew »

Thank you so much, now i've got it.  ;D
Locked

Return to “Layout and Design (CSS & HTML)”