You are viewing the PKP Support Forum | PKP Home Wiki

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
What to do if you have a technical problem with OJS:

1. Search the forum. You can do this from the Advanced Search Page or from our Google Custom Search, which will search the entire PKP site. If you are encountering an error, we especially recommend searching the forum for said error.

2. Check the FAQ to see if your question or error has already been resolved.

3. Post a question, but please, only after trying the above two solutions. If it's a workflow or usability question you should probably post to the OJS Editorial Support and Discussion subforum; if you have a development question, try the OJS Development subforum.

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: 74
Joined: Fri Jan 18, 2008 4:20 am
Location: Barcelona

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: 945
Joined: Wed Oct 15, 2003 6:15 am
Location: Brasí­lia/DF - Brasil

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.
Posts: 74
Joined: Fri Jan 18, 2008 4:20 am
Location: Barcelona

Return to OJS Technical Support

Who is online

Users browsing this forum: Bing [Bot], Google [Bot], Yahoo [Bot] and 4 guests