Changing the width of the page by the screen resolution

[CyberCZ]

Good evening,
I would please ask you where do I adjust the width of the amendment by resolution of the monitor, I wanted to adjust global.css in the block (/ * global layout * / - # page (width: 980px; margin: 0 auto 2px auto; text-align: left;) where I was given a fixed width 980px converted to 100%, but nothing happens. It is not possible that the change should be made rather in a file tpl or php?
Thank you in advance for your help.
Sincerely,
Mira
Czech

[rocky]

See my post here.

[CyberCZ]

I tried this and it does not work, the page spread, while only the header, navigation remains the same and when I look at the detail of the product panel image and information and the price remains the same as before treatment.

[rocky]

There must be some more elements with a fixed width that you didn't change to be auto width. I can't help you any more than that without a link to your website.

[CyberCZ]

Hello,
I guess you're right, but in this case I'm doing something wrong. I send a picture, where it is shown. Adding the code listing itself and the css file if you could fix me. Please.

/* global layout */
#page {
   width: 95%;
   margin: 0 auto 2px auto;
   text-align:left;
}

#headerbox {
   width:100%;
   height:130px;
   background:transparent url("../img/header.png") repeat-x top left;
   margin-top:5px;
}

#navbar {
   width:100%;
   height:40px;
   margin-bottom:10px;
}

ul#menu{
   display:block;
   padding:0;
   list-style-type:none;
   width:100%;
   height:40px;
   text-transform:uppercase;
   font-size:13px;
   background:transparent url("../img/greytint.jpg") repeat-x top left;
   font-family:Helvetica,Arial,Verdana,sans-serif;
}

#left_column {
   clear:left;
  width:190px;
   padding-right: 15px;
}
#center_column {
   width:556px;
   margin: 0 0 30px 0;
}
#right_column {
   width: 190px;
   padding-left: 20px;
}

if left and center and right column, let it do I make any change, nothing happens.

Link to test page is here Test page
Thank you for your help and your willingness.
Sincerely,
Mira

global.css.zip

[rocky]

Remove the following from #center_column:

width:556px;

[CyberCZ]

It also occurred to me, but nothing does it. Eliminated here the value in the PX, the result is no, here he tried to remove the line completely, but again nothing happened, tried to set the value here as a percentage (eg 60 percent), while the panels a bit stretched, but only if I look at the main page. If you need to look at the product detail, there is once again in the original condition. For me, mainly so that if someone uses a newer LCD or higher resolution, so the fact that the site does not stretch, it become apparent that the descriptions and icons are small and unreadable. Thank you for all the support and help, I appreciate it. Sincerely,
Mira

Please, if someone already have your templates created with the settings per cent in CSS file, you can send me the file so I could see how it is to be registered, or where all the differences between your and my company. Or my internet link is sufficient for your shop to look how it looks in reality. Thank you

ps: if it does not work, nothing doing, I will have to accept it as is. Interesting is also that all the templates for prestashop are created with size 970 or 980 px, I could not find any template that would be created with the settings in the css file per cent, so that the default page displayed by the monitor resolution.