Forums / Setup & design / Screen resolution

Screen resolution

Next topic

Author	Message
Olivier Moreau	Monday 03 November 2008 11:46:55 am I just cannot find how to configure the screen resolution when using the basic templates. Thus my site is always 800px wide which is kind of dull on most current monitors... I sarched in the documentation and this forum without any luck.
Ivo Lukac	Tuesday 04 November 2008 12:10:13 am Hello Olivier, This is specified in your stylesheets/site.css. If you increase main site width, you should probably change other elements width also such as columns, menus, etc. http://www.linkedin.com/in/ivolukac http://www.netgen.hr/eng/blog http://twitter.com/ilukac
Olivier Moreau	Wednesday 05 November 2008 12:12:21 pm Thanks for your reply but I have 3 additional questions 1) Where in the site.css ? 2) How do I use that css given I don't load it : @import url(/extension/ezwebin/design/ezwebin/stylesheets/core.css); @import url(/design/standard/stylesheets/debug.css); @import url(/extension/ezwebin/design/ezwebin/stylesheets/pagelayout.css); @import url(/extension/ezwebin/design/ezwebin/stylesheets/content.css); @import url(/extension/ezwebin/design/ezwebin/stylesheets/websitetoolbar.css); @import url("/extension/ezwebin/design/ezwebin/stylesheets/yui/build/calendar/assets/calendar.css"); @import url(/var/storage/packages/local/Rivelo/files/default/file/classes-colors.css); @import url(/var/storage/packages/local/Rivelo/files/default/file/site-colors.css); 3) Is there a documentation somewhere for this kind of concern ? (beside the forum and your kind replies)
Ivo Lukac	Wednesday 05 November 2008 12:47:21 pm Hi again, It was my mistake. site.css is used in standard and base design. You are using ezwebin which has pagelayout.css for the same purpose. Width is specified at the begining: div#allcontent { width: 960px; } Documentation for this kind of stuff is very thin on eZ site, because there is a lot of CSS docs/howto's/tutorials on the web. For easier work with CSS I suggest that you install some tool like Firebug. Greetz http://www.linkedin.com/in/ivolukac http://www.netgen.hr/eng/blog http://twitter.com/ilukac
Olivier Moreau	Thursday 06 November 2008 5:03:34 am Thanks for the additional info. I already use Firebug and it's a great tool. I also recommend "Beginning CSS Web dev" by Simon Collison... Yet, the eZ Publish doc could (should) be more complete in that respect. The top would be to have an elastic layout... I'm going to try div#allcontent { width: 100%; } but, like you said, I should also change other elements width also such as columns, menus, etc... and without any documentation it's not going to be easy.
Olivier Moreau	Monday 10 November 2008 12:12:18 pm If you are using ezwebin I suggest you try an ELASTIC LAYOUT by simply editing the file : /var/www/html/YOURSITE/extension/ezwebin/design/ezwebin/stylesheets/pagelayout.css Just change 770px for 100% div#allcontent { width: 100%; } Your site will look much better for wide display. So far I cannot find anything else which need ajustement for having the site using all the screen available. It's really cool.