How to use this design for a smaller screen resolution?

Hi Rosamunda,

As the style.css files look somehow the same for Alek 2.0 drupal 5.x and drupal 6.x
you may change following field :

#header {
  width:80%;
  height:180px;

#headerInner {
  position: relative;
  width: 950px;
  height:180px;
  margin: 0 auto;
}

in this

#header {
  width:70%;
  height:180px;

#headerInner {
  position: relative;
  width: 800px;
  height:180px;
  margin: 0 auto;
}

of course that is just an example, you may have to play with the percentage entries:

width: xx% for the header

and

width: xx% for the headerInner

The same have to be adjusted for :

#mainInner {
  position: relative;
  width: 950px;
  margin: 0 auto;
  padding-top: 1em;
}

Cheers

P.S. You may follow progress on Alek 2.0 Theme develop at A place for Alek 2.0 ....

long time no activity - closed - reopen if needed.