CSS and Page Width

[iSeriesCodePoet]

I didn't find much on Tek-Tips. How would I dynamically set the width for my site? Here is the section of code:

#container {
    line-height: 140%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 0px;
    width: 900px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    }

How would you recommend me adjust this so it works for 800x600 and greater. Is it possible to have it dynamically adjust based the resolution? Any ideas would be appreciated.

iSeriesCodePoet
iSeries Programmer/Lawson Software Administrator

http://www.koldark.net

http://www.spreadfirefox.com/?q=affiliates&id=2483&t=1

 

[RISTMO]

Did yoiu try this?

#container {
    line-height: 140%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 0px;
    width: 770px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    }

Rick

http://www.ristmo.com/

http://www.arabchurch.com/

http://www.cashfutures.com/

http://www.word-tools.com/

 

[iSeriesCodePoet]

The problem with that is that then my center column is only 370 pixels wide, my two columns are each 200 wide and they really can't be made smaller... See

http://www.koldark.net

for an example.

iSeriesCodePoet
iSeries Programmer/Lawson Software Administrator

http://www.koldark.net

http://www.spreadfirefox.com/?q=affiliates&id=2483&t=1

 

[RISTMO]

Have you tried setting width to 100%? That way it should always fill the availabe space.

Rick

http://www.ristmo.com/

http://www.arabchurch.com/

http://www.cashfutures.com/

http://www.word-tools.com/

 

[ChrisHunt]

There's also a [tt]min-width[/tt] property, though IE doesn't understand it. It means you can do this:

#container {
   width: 90%;
   min-width: 770px;
   [i]... other properties here ...[/i]
}

That way (on modern browsers) the container will re-size to fit into the browser window, but it won't go smaller than 770 pixels (or whatever number you pick).

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[iSeriesCodePoet]

Hey cool! Thanks guys... I will try that out!

iSeriesCodePoet
iSeries Programmer/Lawson Software Administrator

http://www.koldark.net

http://www.spreadfirefox.com/?q=affiliates&id=2483&t=1