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, ...tables VS divstables VS divs
Previous
 
Next
New Post
11/22/2007 3:41 AM
 

When creating a CSS/xhtml skin one must make sure it will look/be rendered the same in all browsers. It is not a problem for an experienced CSS designer to achieve that,  BUT, to your question, it is also not obvious, since you have to overcome some bugs ( hacks) in some browsers, which will render the page differently. You have to know these hacks and know how to a void them. The bugs are actually in Internet explorer and not the other way around. IE7 has less bugs than IE6. That made life easier to CSS/xhtml but as I said , you have to know what you're doing. Yet it is not in the "sky". (e.g can be learnt).

 


www.nukedesigners.com W3C compliant Valid skins for dotnetnuke.
 
New Post
11/22/2007 8:44 AM
 

lancelong wrote

To vertical align a static design:

#wrapper {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 300px;
      height: 550px;
      margin-left: -150px;   // half the width
      margin-top: -190px;   // half the height
      }

One less layout table in the world!

 

Yes I found that one a while ago, but still had some problems, I'll try again, thanks.

Timo

<edit>

I guess it should be: margin-top: -275px; for true vertical align.

</edit>

 
New Post
11/22/2007 8:48 AM
 

ech01 wrote

Sorry about hijacking this thread.

Tim - Is there any plans to redo the default DNN skins to be Pure CSS/tableless (as much as possible). If that were an option in the core package, I think it would help a lot of people out. (Especially those with a developement background as opposed to a design background)

Thanks

I agree, we are working on XHTML and this is on the list too.

 
New Post
11/22/2007 12:30 PM
 

Timo Breumelhof wrote

I guess it should be: margin-top: -275px; for true vertical align.

Ya, I forgot I offset the content for a banner.

How did this not work?  I have found the method quite good.

 
New Post
11/25/2007 5:40 PM
 

ech01 wrote

Sorry about hijacking this thread.

Tim - Is there any plans to redo the default DNN skins to be Pure CSS/tableless (as much as possible). If that were an option in the core package, I think it would help a lot of people out. (Especially those with a developement background as opposed to a design background)

Thanks

As Timo said we are working on a update to default skin.

Whilst that is being added to the next version, you can have a look at this in my free skinpacks.

This has minimized the number of tables with full backward compatibility in mind.

Salar

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...tables VS divstables VS divs


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