Screen resolution

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.

Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.

eZ debug

Timing: Jan 18 2025 11:32:27
Script start
Timing: Jan 18 2025 11:32:27
Module start 'layout'
Timing: Jan 18 2025 11:32:27
Module start 'content'
Timing: Jan 18 2025 11:32:28
Module end 'content'
Timing: Jan 18 2025 11:32:28
Script end

Main resources:

Total runtime1.3408 sec
Peak memory usage4,096.0000 KB
Database Queries66

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0086 589.5859152.6094
Module start 'layout' 0.00860.0044 742.195339.4141
Module start 'content' 0.01301.3264 781.6094589.3750
Module end 'content' 1.33940.0013 1,370.984416.1875
Script end 1.3407  1,387.1719 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00370.2724160.0002
Check MTime0.00130.0973160.0001
Mysql Total
Database connection0.00100.071710.0010
Mysqli_queries1.263694.2428660.0191
Looping result0.00080.0562640.0000
Template Total1.303697.220.6518
Template load0.00190.138220.0009
Template processing1.301797.085220.6508
Template load and register function0.00010.010710.0001
states
state_id_array0.00210.158810.0021
state_identifier_array0.00150.113120.0008
Override
Cache load0.00170.1258520.0000
Sytem overhead
Fetch class attribute can translate value0.00070.050120.0003
Fetch class attribute name0.00250.186080.0003
XML
Image XML parsing0.00260.195220.0013
class_abstraction
Instantiating content class attribute0.00000.0021120.0000
General
dbfile0.00230.1714230.0001
String conversion0.00000.000940.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1node/view/full.tplfull/forum_topic.tplextension/sevenx/design/simple/override/templates/full/forum_topic.tplEdit templateOverride template
6content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
6content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
5content/datatype/view/ezxmltags/line.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/line.tplEdit templateOverride template
11content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
1content/datatype/view/ezxmltags/literal.tpl<No override>extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tplEdit templateOverride template
1print_pagelayout.tpl<No override>extension/community/design/community/templates/print_pagelayout.tplEdit templateOverride template
 Number of times templates used: 31
 Number of unique templates used: 7

Time used to render debug report: 0.0001 secs