Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Centering issue with IECentering issue with IE
Previous
 
Next
New Post
11/25/2008 8:56 AM
 

Hi All,

I've been in CSS hell for the last 4 hours - basically I applied this change (DNNCenteralign issue) and I removed the old class="DNNCenterAlign" that was in a couple of places.

There are a few images that refuse to render in the center in IE. They work fine in Chrome and FF. For example, on the PokerDIY home page, the Facebook Fan image on the top right should be centered (and is in FF/Chr).

 

Here is the source:

</div></span>
<a name="2315"></a><span id="dnn_ctr2315_ContentPane" class="DNNAligncenter"><!-- Start_Module_2315 --><div id="dnn_ctr2315_ModuleContent">
    <div id="dnn_ctr2315_HtmlModule_HtmlModule_lblContent" class="Normal">
    <p><a rel="nofollow" target="_blank" title="Be a PokerDIY Fan on Facebook" href="http://www.facebook.com/pages/PokerDIY-Connecting-Poker-Players/39886337151?ref=nf"><img height="28" width="92" border="0" alt="Be a PokerDIY Fan on Facebook" src="http://www.pokerdiy.com/Portals/6/Site/Images/FacebookFan.jpg" /></a></p>
</div>

 

The bold bit is the injected bit from the core. The DNNAligncenter tag is in the default.css with a value of center (untouched). It's not using the admin skin with the hack from the top link. And it works fine in FF so the web developer toolkit does not give any hints (it shows "No Information" for that image). Any ideas please?


Entrepreneur

PokerDIY Tournament Manager - PokerDIY Tournament Manager<
PokerDIY Game Finder - Mobile Apps powered by DNN
PokerDIY - Connecting Poker Players

 
New Post
11/25/2008 12:45 PM
Accepted Answer 

Oh, well, IE... "Love it" ;-)

I guess it does not inherit the text-align correctly.

But since you are using an older version of DNN it seems, the pane is wrapped inside a span, which is not a block element

You can try 3 things

1. Set the span: .DNNAligncenter to display:block;

2. Remove the <p> element around the image (for the facebook image).

3. Add to your CSS: .DNNAligncenter p {text-align:center}

 

HTH

 
New Post
11/25/2008 9:45 PM
 

Very impressive, thanks Timo.

Option 1) Worked

Option 2) did not work (did not spend long on it)

Option 3) Worked (but have to have p tags around it so went with 1) as it was more flexible.


Entrepreneur

PokerDIY Tournament Manager - PokerDIY Tournament Manager<
PokerDIY Game Finder - Mobile Apps powered by DNN
PokerDIY - Connecting Poker Players

 
New Post
11/25/2008 9:46 PM
 

*sigh* duplicate post...



Entrepreneur

PokerDIY Tournament Manager - PokerDIY Tournament Manager<
PokerDIY Game Finder - Mobile Apps powered by DNN
PokerDIY - Connecting Poker Players

 
New Post
11/26/2008 4:16 AM
 

BTW, Rodney, "later" versions of DNN render the span already as a div (which is XHTML compliant)

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Centering issue with IECentering issue with IE


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out