EduGeek Joomla 1.5 Package Thread, Resolution Issues in Projects:; Hi,
I am having issues with the resolution of my site. For me it all works fine and I have ...
19th March 2012, 10:58 AM #1
I am having issues with the resolution of my site. For me it all works fine and I have browser tested with no issues. But I have heard back from users that the site isn't displaying well on higher resolutions. I have tested since and it is fine on IE, but distorts in high res for Chrome, Safari and Firefox
The site is here
I have included screenshots below;
Am I correct in diagnosing resolution as the problem? I am not sure how to begin thinking about fixing it, any help would be great
19th March 2012, 11:35 AM #2
It won't be the resolution of the screens it's viewed on - your site needs to be able to scale to all resolutions (to a degree, anyway). It looks like an with your css, in that as the site is getting wider it spills across onto the right of your header menu (menu_topmenu?)
19th March 2012, 01:29 PM #3
Any idea what part of it I might need to edit? You are right, the header and footer stay central.
There is a section for main body in template.css but can't see anything that would do much.
I had a look at a few other sites from this template on line and the problem seems to be occuring on them too.
19th March 2012, 02:11 PM #4
Can you share the css and html? We should be able to correct that with the underlying source.
Edit: have found it, will take a look.
Last edited by 3s-gtech; 19th March 2012 at 02:14 PM.
19th March 2012, 02:39 PM #5
Okay, I've just got much better results by changing the container div to this (in template.css):
margin: 0 auto;
By adding the padding, it forces the whole div below the header, so it doesn't run alongside it. I think there's still some scruffy formatting in there, but it seems to look okay in a browser with that change.
19th March 2012, 06:16 PM #6
Hi, it fixes the main body moving, but throws the look of the page out when being viewed as it pads the body quite far down (and for some reason that grey bar is still flying off to the right?)
I tried smaller numbers, but that brings back the original problem?
20th March 2012, 09:34 AM #7
Okay. Well, you have the div 'container' called twice, once for the main body, and once for a section of page that spills off to the right. This is in the html itself - I found that by deleting everything inside
This sorted itself - but this div may be used by one of your modules, so use with care! This is the deleted part:
I also changed the padding-top for the container div to 100px.
Last edited by 3s-gtech; 20th March 2012 at 09:36 AM.
20th March 2012, 09:44 AM #8
Not had chance to test, just a thought. Would adding a clear: left; to the container div force it underneath the header?
Just had a quick try with a css editor and it seems to work, it corrects the issue in firefox at my resolution.
Hope this helps.
Last edited by bladedanny; 20th March 2012 at 10:02 AM.
Thanks to bladedanny from:
20th March 2012, 10:27 AM #9
I have just tried as you suggested, but it just removed the grey line under the header section and ending up shifting to the right again (this time with the resolution not as high as before)
Also throws it slightly off when viewed at lower res in IE
20th March 2012, 10:38 AM #10
Have just tried that in index.php and template.css but no luck this end. Is that where you added?
20th March 2012, 10:48 AM #11
Thanks to bladedanny from:
20th March 2012, 10:55 AM #12
Working my end on Chrome too, will test safari this evening.
That's brilliant, Thank you!!!
And thank you for your help too 3s-gtech
20th March 2012, 11:21 AM #13
Ha, yeah his fix was much more effective!
By Greenbeast in forum Wireless Networks
Last Post: 27th January 2011, 11:49 AM
By Mr_Andy in forum Windows
Last Post: 27th July 2009, 01:23 PM
By Ayaz in forum EduGeek Joomla 1.5 Package
Last Post: 30th November 2008, 11:48 AM
By tosca925 in forum Windows
Last Post: 21st August 2005, 10:32 PM
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)