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.
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)
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.
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.
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.
You must be logged in to post messages in this topic!