I am using this CSS to have a centered DIV that is a fixed width:

body {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    background-attachment: fixed;
    /* background-image: url(leaf-small.jpg); */
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 18px;
}
#global {
    position:absolute;
    left: 50%; 
    top: 50%;
    width: 760px;
    height: 500px;
    margin-top: -250px; /* half of the height */
    margin-left: -380px; /* half of the width */
    border: 1px solid #000;
    background-color: grey;
}

I would like to change it so that the width of the DIV is 90% but still in the center of the page.

Any ideas?

view page

Why are you using position:absolute ?? That's just a bad idea to start with.

You also shouldn't be using px for your font sizes and line-heights, it prevents IE users from resizing if they choose to.

Check this if you just have to have absolute positioning:
http://css-discuss.incutio.com/?page...ngBlockElement

I don't know to be honest.

Just an example I found.

I'll have a look at that link.

Thanks.

edit: right have adjusted it using the information on that link and have a new issue.

I want the middle coulmn, col2, to be whatever size width is left.

Something like col1: 100px, col2: fill the gap, col3: 100px;

Any ideas?

#col1 {
    width: 100px;
}
#col2 {
    width: *%;
}
#col3 {
    width: 100px;
}

What is the total width of the body? Take 200px off of that and allow for some gutter room and that could be the column width you are looking for.

Actually, if you want #col2 to fill the remaining width, don't give it a fixed width at all, it will, by default, take up the remaining space.

I tried that:

#col1, #col2, #col3    {
    border: 1px solid #000CCC;
    margin: 1px;
    padding: 1px;
    background-color: green;
    float: left;
    height: 100%;
}
#col1 {
    width: 100px;
}
#col2 {
}
#col3 {
    width: 100px;
}

Its just gone really small:
http://www.jfwebdesign.co.uk/help/

Ok, my bad - since it's floated, you HAVE to give it a width.