EzPortal - Portal Software for Forums

EzPortal - Made to Fit Your SMF Forum - Glad You Found Us!
+- +-

UserBox

Welcome, Guest.
Please login or register.
 
 
 
Forgot your password?

+- Recent Posts

New built in translations for six langauges! by EzPortal
March 26, 2024, 11:15:32 pm

Smiley missing in shoutbox 2.1.4 by hustreamload
July 26, 2023, 08:14:02 am

Re: Theme Select Box question? by Shades
March 15, 2023, 06:49:49 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 02:09:24 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 01:55:53 pm

Re: Theme Select Box question? by EzPortal
March 09, 2023, 01:47:42 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 01:34:07 pm

Re: Theme Select Box question? by EzPortal
March 09, 2023, 12:20:17 pm

+- HTML Menu


Sample HTML Block Usage - You May Custom Code it, as needed!

Recent Topics ezBlock

New built in translations for six langauges! by EzPortal
March 26, 2024, 11:15:32 pm

Smiley missing in shoutbox 2.1.4 by hustreamload
July 26, 2023, 08:14:02 am

Theme Select Box question? by Shades
March 15, 2023, 06:49:49 pm

Where is the facebook button color? by EzPortal
February 28, 2023, 06:45:09 pm

Display on Mobile - SMF 2.1.3 and EZ 5.5.2 by BugginIn
December 29, 2022, 04:07:13 pm

Blocks Help by Riggs1973
November 20, 2022, 12:59:30 pm

Surface ol lite theme release Free! by Steffen K.
November 18, 2022, 03:57:24 am

Undefined index: href by EzPortal
October 04, 2022, 08:49:59 pm

SMF-ezportal_column_5.cache): failed to open stream: No such file or directory by EzPortal
June 04, 2022, 11:40:13 am

Arcade block error: failed to open stream: No such file or directory by Shades
May 20, 2022, 02:47:13 pm

Author Topic: Configuring Homepage for different resolutions  (Read 11132 times)

0 Members and 1 Guest are viewing this topic.

Offline Jonas1975

  • Jr. Member
  • **
  • Posts: 55
  • Karma: 0
    • The Mobile Photography Blog
Configuring Homepage for different resolutions
« on: September 04, 2013, 05:24:42 am »
Not sure why but the homepage of portal doesn't look good with all resolutions. Seems like the blocks are fixed width and while the remaining template aligns with the resolutions, the blocks don't.

I also noticed that if I reduce the zoom of the browser, things get aligned.

Not sure how to deal with this problem and would like some help on it.

Offline EzPortal

  • Administrator
  • *****
  • Posts: 1299
  • Karma: 67
Re: Configuring Homepage for different resolutions
« Reply #1 on: September 04, 2013, 09:38:13 am »
Can you take some screenshots of it not appearing correctly?
Like ezPortal? Support me at https://www.patreon.com/vbgamer45/

Offline Jonas1975

  • Jr. Member
  • **
  • Posts: 55
  • Karma: 0
    • The Mobile Photography Blog
Re: Configuring Homepage for different resolutions
« Reply #2 on: September 04, 2013, 10:58:41 am »
Thanks for the quick reply.

I attached how it looks and how it should look. Problem is that on lower resolutions the Left Sidebar (or even the Center) goes out the frame. I tried to see if the problem was on the CSS Theme template but didn't found anything that made it work.

Offline Jonas1975

  • Jr. Member
  • **
  • Posts: 55
  • Karma: 0
    • The Mobile Photography Blog
Re: Configuring Homepage for different resolutions
« Reply #3 on: September 05, 2013, 02:43:13 pm »
Another example, now taken with my mobile phone (Nokia Lumia 920 browsing on IE). As you can see, even the "Recent Images" block fails to fit the screen.

I have been playing with the index.css and changing some codes but so far no luck on solving this...

Offline Jonas1975

  • Jr. Member
  • **
  • Posts: 55
  • Karma: 0
    • The Mobile Photography Blog
Re: Configuring Homepage for different resolutions
« Reply #4 on: September 07, 2013, 05:11:01 am »
Not sure the way to go to solve this. From what I've been investigating, my theme has a body area and ezPortal doesn't "respect" it going outside of it. One solution I thought was to change the width percentage of the columns, that all combine is 100%, to reduce it to 95% or so. I tried to edit manually the EzPortal2.template.php to change those percentages but with no luck as even if I change the 70% that I find on it to 65%, it doesn't change anything on the main site. I also tried to reduce all 100% to 95% that in fact had an impact on the site but on my phone it maintain the exact same look...

I will continue to investigate this but sure would appreciate some help here.

Edit: I'm using this on css:
Code: [Select]
div#wrapper
{
   width: 100%;
   min-width: 1100px;
   margin: 0 auto;
   padding: 0;
}
On the PC browsers I can see the effect. On the phone there is no effect at all.

Offline Jonas1975

  • Jr. Member
  • **
  • Posts: 55
  • Karma: 0
    • The Mobile Photography Blog
Re: Configuring Homepage for different resolutions
« Reply #5 on: September 26, 2013, 05:19:19 am »
Any clue on this? I'm kind of on hold waiting for a reply...

Offline EzPortal

  • Administrator
  • *****
  • Posts: 1299
  • Karma: 67
Re: Configuring Homepage for different resolutions
« Reply #6 on: September 26, 2013, 05:50:35 am »
Not really sure what to do in this case haven't had time to look.
Like ezPortal? Support me at https://www.patreon.com/vbgamer45/

Offline Jonas1975

  • Jr. Member
  • **
  • Posts: 55
  • Karma: 0
    • The Mobile Photography Blog
Re: Configuring Homepage for different resolutions
« Reply #7 on: October 21, 2013, 10:56:02 am »
I found that if I create something with and high level of pixels that can't be resized/wrap, like the thumbs of the gallery and ads, the site structure is broken and objects go across the limits of the design, regardless the settings I put on the CSS (see previous post).

What I find difficult to understand is why the Recent Images block from ezPortal, that has 4 images (4x200=800px) break the structure, since there was space there for it. Is there any special code for it that makes it with a specific size?

I think part of the problem is the Theme that I'm using which has a "window" in a greyer color. I saw that ezPortal uses percentages to define the space that it occupies (like 15/70/15). I tried to change these settings to something like 15/60/15 to try to make it occupy 90% of the space (and with it fit within the limits) but also without any success. This shouldn't be necessary since, as I read the code, it was using 100% of the body, which is already the greyer area.

AS you see, I've tried almost everything that my knowledge limit permits. I still want to go forward with ezPortal as the new design but I really hate that the site doesn't look that good in some browsers/platforms.

So any help is highly appreciated.

 

Related Topics

  Subject / Started by Replies Last post
0 Replies
7008 Views
Last post January 30, 2009, 06:18:12 pm
by alanrobinsonleigh
0 Replies
5042 Views
Last post August 29, 2011, 04:40:15 pm
by os13
0 Replies
3400 Views
Last post November 10, 2011, 04:30:47 pm
by zurdillo
1 Replies
13416 Views
Last post February 07, 2017, 08:01:42 am
by landyvlad
4 Replies
6405 Views
Last post January 22, 2017, 05:55:32 am
by fichtre

+-SMF Gallery

Quick Menu


Powered by EzPortal