Editing Journal CSS

Are you responsible for making OJS work -- installing, upgrading, migrating or troubleshooting? Do you think you've found a bug? Post in this forum.

Moderators: jmacgreg, btbell, michael, bdgregg, barbarah, asmecher

Forum rules
The Public Knowledge Project Support Forum is moving to http://forum.pkp.sfu.ca

This forum will be maintained permanently as an archived historical resource, but all new questions should be added to the new forum. Questions will no longer be monitored on this old forum after March 30, 2015.
Posts: 74
Joined: Fri Jan 18, 2008 4:20 am
Location: Barcelona

Editing Journal CSS

Postby svillanueva » Thu Feb 21, 2008 2:27 am


i'm having lots of problems editing the layout of the website. I'm using a head with image+title, a leftside bar and the body with the content. But I have different results using different resolutions or browsers... i'm using percentages on the width's and height's of everything (image and on the div's definition) and I don't know whether using fixed values instead of percentage i would have a better solution.... any idea?


Sergi Villanueva.

Posts: 945
Joined: Wed Oct 15, 2003 6:15 am
Location: Brasí­lia/DF - Brasil

Re: Editing Journal CSS

Postby ramon » Thu Feb 21, 2008 11:28 am

Hello Sergi,

Unfortunately CSS is a tricky technology when it comes to browsers. They all tend to rendered their own way, and the best solution is to try to keep it as simple as possible.
That said, you can mix percent with fixed values whenever you need.
For example, images don't need sizes to be set, since they already have one. So, the page renders the image in its original size (unless you want to change it with CSS, but I would change the file itself for better image quality).
Many of the templates break in I.E or Firefox, especially if you try to move things around the page with the layout configuration options in step 5.
I believe there was no time to really test the themes.
It is very frustrating when developing, so I stick to just 2 browser: IE and Firefox, and don't worry about other browser because it becomes unmanageable. There isn't enough time.

I usually use 100% widths and 0 for padding and margin for elements that span the whole page.
Inside those I try to use a mix of fixed for the sidebars and auto or 100% for the content (whatever prevents the page from breaking).
Depending on the HTML generated by the software, you may also need to mix relative and absolute positions to achieve your goals.
Especially if you want it to be displayed almost exactly in at least the two mentioned browsers.

Good luck, and don't give up...

Posts: 74
Joined: Fri Jan 18, 2008 4:20 am
Location: Barcelona

Re: Editing Journal CSS

Postby svillanueva » Fri Feb 22, 2008 3:21 am

Hello Ramon,

thank you for you recommendations. Finally, I used fixed pixel values instead of percentages and I really recommend this. Easier and more effective, at least by the moment I'm glad with the results :P


Sergi Villanueva.

Return to “OJS Technical Support”

Who is online

Users browsing this forum: No registered users and 2 guests