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

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...Possible CSS BUG in DNN 4.x  & IE7 - Need your feedback, pleasePossible CSS BUG in DNN 4.x & IE7 - Need your feedback, please
Previous
 
Next
New Post
12/12/2006 1:58 PM
 

I tried this in DNN 4.3.4 and 4.3.7 and they both didn't work for me. Here is what the problem is:

Whenever i create a CSS class like the one below

.figure {
 float:left;
 border: 2px dotted #CCCCCC;
 margin:10px;
 padding:10px;
}

and assign it to an image like <img src="http://images.lipsum.com/images/lorem.gif" class="figure" /> then the padding does not work. If I put the image in a div tag like this

<div id="figure"><img src="http://images.lipsum.com/images/lorem.gif" class="figure" /></div>

and then assign the figure css class to div as

#figure {
 float:left;
 border: 2px dotted #CCCCCC;
 margin:10px;
 padding:10px;
}

then the padding works. The above problems happens in IE.In Firefox it works fine. But the interesting part is: If you create an html file with the code above (the first image and figure class) and open it in IE7 the padding works fine. Any ideas?

 
New Post
12/13/2006 4:45 PM
 
Please not that when you test your CSS in IE in a normal HTML file you MUST use the same DTD DNN uses.
Default DNN uses HTML transitional:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

This could cause the difference between DNN and the HTML example.
Mostly these kind of problems are not DNN but IE related,
especially IE 6 has some great CSS bugs...

Are you talking about no padding at all or part of the padding not working?
Did you try setting display:block for
.figure?
If this doesn't solve your problem, do you have an online example?
 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...Possible CSS BUG in DNN 4.x  & IE7 - Need your feedback, pleasePossible CSS BUG in DNN 4.x & IE7 - Need your feedback, please


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