+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / Correction footer navigation

Correction footer navigation

4 posts, 0 answered
  1. XP Investimentos
    XP Investimentos avatar
    16 posts
    Registered:
    10 Jan 2011
    11 Mar 2011
    Link to this post
    hello guys,

    I have another problem with my footer, look at the attached print, he has a dark blue background. For this background to cover the entire width of the page, cut out a picture with the same height and repeat from point to point (background: repeat-x; the body of the page). But the big problem is that when you add new pages to the site navigation that would grow tall. How could I make this more dynamic, with no need for me cut a new fund every time the navigation increases in height. Is there any way of navigation to be 100% width? or something?

    Looking forward,
    Bruno
    XP Investimentos
    Brazil
  2. Jordan
    Jordan avatar
    172 posts
    Registered:
    20 Oct 2015
    15 Mar 2011
    Link to this post
    Hi Bruno,

    There are few ways to achieve this without resizing the image manually. If its a plain (solid) color you can use "background-color". But in that case the better approach is to wrap the navigation in some div that is 100% and to position the navigation in its center. Example:

    <div id="navigation-wrapper">
        <div id="RadSiteMap">
         </div>
    </div>

    And this should be the CSS:

    #navigation-wrapper {
    position: relative;
    float: left;
    widht: 100%;
    background-color: #000000; /*Place here your background color */
    }
     
    #RadSiteMap {
    position: relative;
    margin: 0 auto; /*This will center the navigation*/
    width: 900px; /*Change on your wish*/
    }
    /*or*/
     
    #RadSiteMap {
    position: relative;
    margin-left: -450px;
    left: 50%; /*This will center the navigation*/
    width: 900px; /*Change on your wish*/
    }



    All the best,
    Jordan
    the Telerik team
  3. XP Investimentos
    XP Investimentos avatar
    16 posts
    Registered:
    10 Jan 2011
    17 Mar 2011
    Link to this post
    I would like to play this div "navigation-wrapper" out of navigation (RadSiteMap)??
  4. Jordan
    Jordan avatar
    172 posts
    Registered:
    20 Oct 2015
    23 Mar 2011
    Link to this post
    Hi,

    Yes, you should wrap the sitemap with some div. Here is an example code for the master page:

    <div id="wrapper">
        <asp:contentplaceholder id="wrapper" runat="server" />           
    </div>
    <div id="footer-navigation">
        <asp:contentplaceholder id="ContentPlaceHolderForTheSiteMap" runat="server" />
    </div>
     
    <div id="footer">
        <asp:contentplaceholder id="NoticesAndContacts" runat="server" />
    </div>

    And you should put your sitemap in the ContentPlaceHolderForTheSiteMap.

    All the best,
    Jordan
    the Telerik team
4 posts, 0 answered