Vertical Align not working properly in Safari
Last Post 08/19/2010 2:45 PM by mbudram. 4 Replies.
Author Messages
mbudram
Nuke Active Member
Nuke Active Member
Posts:33


--
08/17/2010 5:51 PM
    I'm not sure if this is the place to write about this but i spent a 2 days searching online and not finding a solution. Pretty we just recently launched a site using DNN 4.09. It was a custom skin i made for the site and my issues is as follows:

    I have a left that i want the content to always lock to the bottom of the page. I'm using tables to layout the site so for that cell, i set the valign="bottom" which works in both IE & firefox but for some reason in Safari, its align to the top and would not align to the bottom. Is there some I'm doing wrong? here's the code for that section: I bold the section


     
       
     
     
        <td valign="bottom" id="BottomLeftPane2" runat="server" visible="false">
                     
       
           

           
            <div id="BottomLeftPane" runat="server" visible="false">
           

           

    Mbudram
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    08/17/2010 6:06 PM
    You might get some help from http://css-tricks.com/what-is-vertical-align/. There are some comments regarding safari near the bottom.

    What kind of doctype are you using?

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    mbudram
    Nuke Active Member
    Nuke Active Member
    Posts:33


    --
    08/18/2010 8:36 AM
    I'm pretty new in a sense to DNN and skinning. I'm using the ASCX method and I don't have a doctype in the skin.ascx file. should there be one???
    Mbudram
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    08/19/2010 6:40 AM
    If you'll look at some of the skinning tutorials, you'll see that you should have a doctype file associated with every skin file.  So, if you have an index.html or index.ascx skin file, you should have and index.doctype.xml file.

    In the newer versions of DotNetNuke, there is a "fallback" doctype setting in the Host Settings.  I believe that this will be active if a doctype file is not present for you skin.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    mbudram
    Nuke Active Member
    Nuke Active Member
    Posts:33


    --
    08/19/2010 2:45 PM
    Thanks for you time and input. I appreciate it. I added the doctype.xml file and still no success... Here's the link of the site http://www.kaanabelize.com. In firefox and IE its show correct but in Safar, the Follow us area on the left that should be locked to the bottom is aligned to the top.
    Mbudram


    ---