HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Canadian Ham Radio

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#63592 (In Topic #13760)
Avatar

Fan in action

It took a bit of a learning curve to get going with ocPortal but I think I am getting the hang of it.
IMy original site, (canadianhamradio.ca), uses Wordpress but I wanted a forum to be a part of the site. I could have used a bridge and vBulletin for a forum but I really didn't want to have to use a bridge. I came across ocPortal and decided that it had the features that I would need for my site including the built-in forum. Great job ocPortal team!

Anyway, while my new site is not fully complete, it is complete enough to go live. Other changes will come in near future. The domain DNS pointers have not yet been ported over. That will likely happen within the next 48 hours or so. Meanwhile, you can visit the site here.

Any comments or suggestions are appreciated.

Thanks
Back to the top
 
Posted
Rating:
#63595
Avatar

Community saint

You are using a fluid/flexible-width template, but it looks like your banner has been designed for a fixed-width one. In fact I've measured it at 1008px.

Was that your intention, because it is leaving a huge blank space on the right on a widescreen monitor with a resolution of 1680x1050 (mine)?

 O_o

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63598
Avatar

Fan in action

No, that was not my intention. I am using 1024x768 on my monitor.
Not sure how to make an image fluid?

Thanks for pointing that out.
Back to the top
 
Posted
Rating:
#63600
Avatar

Well-settled

Cool, its coming along.
thanks for the link. Your seems to load pretty fast.
Back to the top
 
Posted
Rating:
#63601
Avatar

Community saint

columbo said

Not sure how to make an image fluid?

I don't think making an image 'fluid' is possible. If it is, it is way above my pay grade!

HOWEVER

A couple of tweaks to your CSS should get you the same result on any resolution.



Find in global.css:

.global_top - and change background-color to #004C85
#global-zones - and change margin-top to 0px

Don't forget that this must be done in YOUR theme, NOT the DEFAULT.

Have a go and see how things turn out, then give me a shout and I'll look at it with a wide-screen display.

 :thumbs:

BIG OOOPS!

Forgot this … find

.logo - and delete float: left - and insert display: block; - and insert margin: 0 auto;

Sorry about that …


Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63606
Avatar

Fan in action

Thanks Fletch. That worked well. The only problem is cosmetic and that is that the logo appears to be kind of squeezed into the center but that's better than having a big white space on the right for those using the higher resolutions. :)

Finding out about that is good enough reason for posting a site in this forum. Very helpful.

Thanks again.
Back to the top
 
Posted
Rating:
#63607
Avatar

Community saint

Had to align it in the centre to give it balance or you would have the logo on the left and a very large dark blue (#004c85) space on the right.

You can still change it by removing the 'margin: 0 auto' from the logo properties.

But glad it worked …

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63608
Avatar

Fan in action

Just one problem that I have discivered Fletch. It looks fine in Firefox but in IE the header has a scroll bar on the right because the haeder seems to be slightly below the content area. Would this have to do with the margin top?

I also noticed that it has a scroll bar at the bottom of the header as well.
Back to the top
 
Posted
Rating:
#63609
Avatar

Community saint

Here's how I see it in both Firefox and Internet Explorer:

FIREFOX:



INTERNET EXPLORER:


Eric DeMars . com
My electronic portfolio and personal site. Uses ocPortal!
Back to the top
 
Posted
Rating:
#63611
Avatar

Community saint

columbo said

Just one problem that I have discivered Fletch. It looks fine in Firefox but in IE the header has a scroll bar on the right because the haeder seems to be slightly below the content area. Would this have to do with the margin top?

I also noticed that it has a scroll bar at the bottom of the header as well.

Hmmmmm….

I can't see a scrollbar, nor do I see the large gap in Eric's display. I am using Chrome as the primary, and I've checked it in IE and Opera (dumped FF).

Perhaps you should restore it to how it was until I, or somebody else can come up with a less flaky 'fix'.

I'm sure it is 'do-able', but at 5 a.m. my time, the brain has gone a bit foggy.

Bummer!

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63612
Avatar

Fan in action

I had someone else check it out in IE as well and they too had scroll bars. The menu is only half visible and not readable, unless of course, you scroll the bar. It looks fine with no scroll bars at 1280 x 720 and 1600x900. It seems to be only at 1024 x 768 and below that the scroll bars appear.
Back to the top
 
Posted
Rating:
#63613
Avatar

Fan in action

Eric,

What resolution were you using? Looking at the capture it looks like you were checking it at the time that I was making adjustments to it. The reason I can tell is the dark blue area between the logo image and the content area. That is not normally there. It happened when I was experimenting with the CSS trying to fix the problem so I then put the CSS back to where it was before that blue gap appeared.
Back to the top
 
Posted
Rating:
#63614
Avatar

Community saint

columbo said

Eric,

What resolution were you using?

1280x800

Eric DeMars . com
My electronic portfolio and personal site. Uses ocPortal!
Back to the top
 
Posted
Rating:
#63640
Avatar

Community saint

Re-visited this again. Still can't see where the problem exists. The attachment shows IE8 set to precisely 1024px width, and there are NO scrollbars visible in the header.

Are you by any chance using the IE9 beta?


Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63642
Avatar

For what it's worth, the default ocPortal theme tells IE to use IE8's rendering engine. We set that a while back so that if IE9+ introduced any new bugs it wouldn't break the theme.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#63647
Avatar

Community saint

HAH!

I've already found a problem with IE9(beta) where it breaks the IOTD display by introducing a vertical scrollbar in the window.

Now, that is on my customised theme, so your observation about it using IE8s rendering engine on the DEFAULT theme might be relevant.

Will check when I decide to reinstall the beta.

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63676
Avatar

Community saint

Very interesting solution to this problem Fletch!:thumbs:

From my perspective, your site now looks good at any resolution, columbo!
Congratulations for doing your conversion quickly and with good result!:cool:

Cheers!
Back to the top
 
Posted
Rating:
#63686
Avatar

Fan in action

Well, I was viewing it with IE7 and I am still getting the scroll bars.



Some others are getting the scroll bars as well.
So does that mean that anyone using anything less than IE8 will get the scroll bars?

I hope not because there are still a lot of people using IE7.
Back to the top
 
Posted
Rating:
#63689
Avatar

Community saint

I just checked my version of internet explorer and it says 6.0.2!  :o

Guess I need an upgrade.  :lol:

But I don't get any scrollies… most likely cause of my resolution, tho.

Eric DeMars . com
My electronic portfolio and personal site. Uses ocPortal!
Back to the top
 
Posted
Rating:
#63690
Avatar

Well-settled

:offtopic:

Fletch said

Re-visited this again. Still can't see where the problem exists. The attachment shows IE8 set to precisely 1024px width, and there are NO scrollbars visible in the header.

Are you by any chance using the IE9 beta?

Hi,
What tool is that your using?
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Expand