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.


MAIN_BANNER_WAVE block displays different in IE

Login / Search

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

Community saint

Long, long time ago…

I brought the display issue of the MAIN_BANNER_WAVE block to the Forum, that is the difference between Foxfire and IE in how the block appears. You can see an example at Testing and Experiment Page - Prehistorics Illustrated Dinosaurs (try it on your computer in the different browsers) anyway I was wondering if there was a resolution to this issue yet or not?

BTW I had not ever noticed that the banner list (now) wraps around to a 2nd column. There must be somewhere where you can determine how many banners display in a column before it wraps - I know you can specify the maximum number of banners the block will display.


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#68258
Avatar

Community saint

To me it looks like IE is falling over on "<span class="long_space">&nbsp;</span>".  The only workaround I can think of is to remove the above, and manage the spacing between banners with a new class on the banner, with spacing controlled by a "padding-right: 30px" or equivalent.

That way there will never be a &nbsp; to wrap incorrectly.

Do you have a Samsung Galaxy S / Galaxy S II ? If so, why not check out my ScreenFree FM Radio .
Back to the top
 
Posted
Rating:
#68265
Avatar

I just tested myself on a local install and could not see a problem particularly, except on IE9 it was putting the space on the second line instead of sitting on the line above. A small IE9 bug I think. I could (will) fix by changing the CSS slightly:

Code

span.long_space {
   padding-{!en_left}: 30px;
   display: inline-block;
}
[display: inline-block; is what I've added there.

It's a 'creative' method we've used for styling. I think the motivation was that we wanted things to be able to align perfectly left without necessarily imposing a margin/padding gap on the right (the little gap we have would wrap in a tight design).
temp1024 has a very cogent point that could solve it if you don't have quite the same generic design constraints we were working to.


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:
#68266
Avatar

Community saint

I added the line of CSS code as it seemed the easiest to try first and it works great. Lines them up like soldiers. Thanks Chris, thanks temp1024.


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: