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, ...CSS - Ligning Up the DIVS...CSS - Ligning Up the DIVS...
Previous
 
Next
New Post
4/17/2007 6:01 PM
 

Anwer to your original question:

#LeftPane{
    background-color:orange;
    float: left;
    width: 20%;
    margin-left: 2px;
}
#ContentPane{
    background-color: purple;
    float: left;
    width: 59%;
    margin-left: 2px;
}
#RightPane{
    background-color:teal;
    float: left;
    width: 20%;
    margin-left: 2px;
}

For a fixed with skin I wouldn't use the precentages, but hard coede widths

 
New Post
4/18/2007 6:07 AM
 

John,  thought I could target the contentpane (for example) just with the id from the td ?

 

Also, I didn't think it was possible to have more than one id of the same name?

 

Timo - have you done a pure CSS skin for DNN ?

 
New Post
4/18/2007 6:32 AM
 

Yes, I have done tableless skins (but some times I also use an occasional table, but I prefer not to)

You target the contenpane with id "dnn_contenpane" in CSS

 
New Post
4/18/2007 6:51 AM
 

Excellent.

Is it really that hard? Do you have to have a lot of workarounds etc? Have you done any 3 column layouts like the one I am doing?

Thanks

 
New Post
4/18/2007 9:10 AM
 

Yes I have done some 3 collumn layout without tables.

It's doable but you need some CSS experience...(and tables are a lot faster to do)

It's not that difficult to create a tableless static page, the problem is that since DNN is a CMS the size of the content changes all the time, that makes it difficult.

You will find out that if you created your skin the appearing control panel at the top can completely rip your skin apart.

I think the main reason people are still using tables for layout is that CSS2.1 is just not good enough in providing DIV alternatives for Tables. For years the browser support for CSS2.1 was the problem, now the standard is the problem IMHO.
We'll just have to wait 5 more years for CSS 3 (and 5 more years for every browser to support it)

You might have a look at this great page with CSS examples

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...CSS - Ligning Up the DIVS...CSS - Ligning Up the 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