You need to Register for free and Login to post a message in the forum.

Forum

Forums > Users Lounge > DNN Creative Articles
Subject: CSS failed in Firefox
Prev Next
You are not authorized to post a reply.

Author Messages
dgunde
Nuke Newbie
Nuke Newbie
Posts:4
15 Feb 2007 9:57 AM  
Hello!

I have watched DnnCreative's brilliant video about how to make tableless skins and after that I decided to be a little creative and make my own css-skin from scratch. I've spend some hours trying out css code. I have studied the css code that following with "Simple Red Leaf Skin 3 Panes" and now I'm trying out a concept with top, left, content, right and bottompanes. I don't attach importance to the dotnetnuke code yet but rather concentrating on how css elements will fit in the different browsers. This code is okey in the Internet Explorer 6.x and Opera 8.x. The problem is Firefox (I use 2.0 now). The rightside seems to be pushed down on another row. I tried out several solutions now but the problem is still here. Can anyone help?

I use for now a link to my css inside the html just for testing purposes.

Here is the HTML code:



   
Here goes the TopPane

   
Here goes the LeftPane

   
Here goes the ContentPane

   
Here goes the RightPane

   
Here goes the BottomPane



And here goes the CSS:

body {
        margin:5 auto;
        padding:0px;
        text-align:center;
        background-color:#FFFF99;
}
       
#wrap
{
    width: 850px;
    border: 1px black solid;
    list-style-type: none;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    overflow:hidden;
}
   
#RightSide {
    width:25%;
    float:left;
    background:#FFCC00;
    padding:5px;
    text-align:left;
}
   
#ContentArea {
    width:50%;
    float:left;
    background:#fff;
    padding:5px;
    text-align:left;
}
   
#LeftSide {
    width:25%;
    float:left;
    background:#CCCCCC;
    padding:5px;
    text-align:left;
}
#BottomArea {
    width:100%;
    float:left;
    background:#fff;
    padding:5px;
    text-align:left;
}
       
#TopArea {
    width:100%;
    float:left;
    background:#fff;
    padding:5px;
    text-align:left;
}

p {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}

p,h1 {
    margin:0px 10px 10px 10px;
}
   
h1 {
    font-size:14px;
    padding-top:10px;
}

#TopArea h1 { margin:0px; padding:10px}
dgunde
Nuke Newbie
Nuke Newbie
Posts:4
15 Feb 2007 10:00 AM  


Here goes the TopPane

Here goes the LeftPane

Here goes the ContentPane

Here goes the RightPane

Here goes the BottomPane
dgunde
Nuke Newbie
Nuke Newbie
Posts:4
15 Feb 2007 10:03 AM  
Hello again!

I had to comment out the html-code. It seems that I cannot paste the code directly: So here it is (disregard the comment-signs):
dgunde
Nuke Newbie
Nuke Newbie
Posts:4
16 Feb 2007 3:20 AM  
Hi again!

Due to some problems with my HTML code in this forum, I have paste that in a webpage. Click to see the HTML and CSS code. Hope someone can help me with this!

The link: http://seaking.page.tl/Code.htm
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325
19 Feb 2007 8:18 AM  
Hello,

I would try reducing the percentages that you have set for the widths of your content panes.

- Try taking off 5% of each of the percentages as a starting point and see if this fixes the problem.

If it does, you can then increase the percentages until you find the percentage number that works.

Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Users Lounge > DNN Creative Articles > CSS failed in Firefox


ActiveForums 3.7

Latest Forum Posts

RE: Reversing Limited Access to the Admin Menu by wynnjon
OK-So I've updated the TABS table entries in the database and set the previously modified entries (t...
RE: localhost Install issues by leesykes
If you go to the subscribe page and click on the get free trial button - this takes you to a page wh...
localhost Install issues by cdees
I've set up a local host and want to run DNN for a local development machine.  The host is set up; h...
RE: Reversing Limited Access to the Admin Menu by wynnjon
That is what I thought.  So for my clients that will need to manage user accounts, I can not limit t...
RE: Reversing Limited Access to the Admin Menu by leesykes
I seem to recall it doesn't work
RE: Reversing Limited Access to the Admin Menu by wynnjon
Thanks Lee-  I will give that a try.An additional question- If you place the "User Accounts" page un...
RE: Reversing Limited Access to the Admin Menu by leesykes
all you need to do is reverse the process within the SQL tables.Compare the data to the other rows i...
RE: Module not working when logged off. by leesykes
thanks for the info,
Reversing Limited Access to the Admin Menu by wynnjon
Hi!  I followed the tutorial for limiting the access to the admin menu.  What a great thing!However,...
RE: Trouble installing! Designer trying to be a Developer. by leesykes
glad to hear you found a solution, thanks,
RE: Skim Question by leesykes
You could but you will not be able to have an XHTML compliant page as the SolpartMenu is non-complia...
RE: Include in Menu - Weird Request by leesykes
For your sitemap.xml file - use GSiteCrawlerYou could create the site map before moving the sub menu...
RE: Trouble installing! Designer trying to be a Developer. by awright14
It looks like I had ASP installed in the wrong order.  Copying and pasting this into the Run Command...
RE: Need Help Changing Containers Contentpane's Text Color by leesykes
Hello,Have you tried adding a class to the content area of your container and then styling the p, a,...
RE: Vertical SolpartMenu by leesykes
hello,If you wish to display the admin and host menus within the house menu, you need to enable it i...
RE: Firefox Does Not Display WMV File In Media Module by leesykes
Hello,I have just tested this and I can play a wmv file in Firefox 3.0.3, so it does suggest that it...
RE: advice wanted convert site to DNN while keeping existing asp functionality by leesykes
You could try using the IFrame module in DotNetNuke and then just link the IFrame to the current pag...
RE: Need Help Changing Containers Contentpane's Text Color by CROKeefe
Thanks for the quick update... I know it looks broken right now, but I had the TITLE classes working...
RE: Need Help Changing Containers Contentpane's Text Color by leesykes
The default class for a container is .head so you will find that the .head class will override any s...
RE: Module not working when logged off. by t.ramya85
have to set the cache time to '0' in that module setting.
AppTheory
RSS Feeds