Layout issues

3 posts, 0 answers
  1. bradley baker
    bradley baker avatar
    97 posts
    Member since:
    Aug 2009

    Posted 11 Sep 2009 Link to this post

    Using a tab with multi pages there are issues when I try to view the pages.  The links below will show you what I mean.
    It looks correct here

    Its wrong here

    The pannels are in a div tag with the class of #contentnorightbar applied to it, and whenever I get the demo text on the radgrids everything looks the way I want it to, but when the demo text isnt on it then it appears at the bottom of the divs.
     
    body {  
        font: 78.5%/1.6em "Lucida Grande""Lucida Sans Unicode"verdana, geneva, sans-serif;  
        word-spacing:2px;  
        color:#444;  
        margin:20px;  
        background:url(../images/body.jpg) #f6f6f6;  
    }  
     
    * {  
        margin:0;  
        padding:0;  
          
    }  
     
    #wrapper {  
        background:#fff;  
        border:3px solid #f1f1f1;  
        max-width:1920px;  
        width:expression(this.width > 320 ? "320px" : this.width);  
        min-width:760px;  
        margin:0 auto;  
    }  
     
    * html #wrapper  
    {  
        w\idth: expression(document.documentElement.clientWidth > 1920 ? "1920px" : "auto");  
    }  
     
    #innerwrapper {  
        margin:1px;  
        background:url(../images/innerwrapper.jpg) top repeat-x;  
        padding:20px;  
    }  
     
    #header h1 {  
        float:left;  
        font:250% Arial;  
        color:#333;  
        padding:5px 20px 5px 5px;  
        border-right:1px solid #ccc;  
        margin:0 20px 0 0;  
    }  
     
    #header h1 a {  
        color:#333;  
        text-decoration:none;  
        border-bottom:2px solid #f6f6f6;  
    }  
     
    #header h1 a:hover {  
        color:#111;  
        border-bottom:2px solid #79B5D6;  
    }  
     
    #header h2 {  
        font:150% Arial;  
        color:#666;  
        padding:16px 0 0 0;  
        border:none;  
    }  
     
    #header h2 a {  
        color:#444;  
        text-decoration:none;  
        border-bottom:2px solid #f6f6f6;  
    }  
     
    #header h2 a:hover {  
        border-bottom:2px solid #79B5D6;  
    }  
     
    #header #nav {  
        clear:both;  
        background:url(../images/nav.jpg) top repeat-x #4F9EC9;  
        border-bottom:2px solid #4F9EC9;  
        border-top:2px solid #388CBA;  
        border-left:2px solid #388CBA;  
        border-right:2px solid #388CBA;  
        padding:10px 10px 10px 0 !important;  
        padding:4px 10px 10px 0;  
        height:15px;  
    }  
     
     
     
    #header #subnav {  
        background:#4F9EC9;  
        padding:5px 7px 7px 7px;  
        font:90% Verdana;  
        color:#DEEDF5;  
        border-bottom:2px solid #388CBA;  
        border-left:2px solid #388CBA;  
        border-right:2px solid #388CBA;  
        height:5px;  
    }  
     
    #sidebar {  
        background:#333;  
        width:240px;  
        padding:10px 20px 20px 20px;  
        float:left;  
        color:#666;  
        border-top:2px solid #000;  
        border-bottom:10px solid #000;  
    }  
     
    #sidebar h2 {  
        font:160% Arial;  
        color:#999;  
        margin:10px 0 10px 0;  
        background:url(../images/sidebarh2.jpg) rightright no-repeat;  
        border:none;  
    }  
     
    #sidebar h3 {  
        color:#FF8040;  
        font:90% Verdana;  
        font-weight:bold;  
        letter-spacing:2px;  
    }  
     
    #sidebar p {  
        margin:15px 0;  
    }  
     
    #sidebar p.news {  
        background:#323232;  
    }  
     
    #sidebar p.news a.more {  
        color:#ccc;  
        display:block;  
        text-align:rightright;  
        font:80% Verdana;  
        text-transform:uppercase;  
        letter-spacing:1px;  
        text-decoration:none;  
        padding:10px 0;  
    }  
     
    #sidebar p.news a:hover {  
        color:#98D158;  
    }  
     
    #sidebar .subnav {  
        border-top:1px solid #2C2C2C;  
    }  
     
    #sidebar .subnav li {  
        list-style:none;  
        padding:5px;  
        border-bottom:1px solid #2C2C2C;  
    }  
     
    #sidebar .subnav li a {   
        color:#ccc;  
        text-decoration:none;  
        display:block;  
    }  
     
    #sidebar .subnav li a:hover {  
        color:#98D158;  
    }  
     
    #sidebar .subnav li a b {  
        float:rightright;  
        display:none;  
        color:#666;  
    }  
     
    #sidebar .subnav li a:hover b {  
        display:inline;  
    }  
     
    #sidebar input {  
        padding:4px;  
        background:#2c2c2c;  
        border:1px solid #222222;  
        color:#ccc;  
        font:90% Verdana;  
        width:190px;  
    }  
     
    #sidebarright {  
        width:170px;  
        float:rightright;  
        padding:10px 0 0 20px;  
        background:url(../images/sidebarright.jpg) top left no-repeat;  
    }  
     
    #sidebarright p {  
        font:90% Verdana;  
        color:#777;  
        line-height:20px;  
        margin:10px 0;  
    }  
     
    #sidebarright h2 {  
        font:140% Arial;  
        color:#333;  
        margin:10px 0;  
        border:none;  
    }  
     
    #sidebarright ul {  
        margin:10px 0 10px 15px;  
        font:90% Verdana;  
    }  
     
    #sidebarright ul li {  
        margin:5px 0;  
    }  
     
    #sidebarright a {  
        border-bottom:1px dotted #eee;  
        color:#444;  
        text-decoration:none;  
    }  
     
    #sidebarright a:hover {  
        border-bottom:1px solid #ccc;  
    }  
     
     
    #content {  
        margin:0 210px 0 280px;  
        background:url(../images/content.jpg) top left no-repeat;  
        padding:20px 0 0 20px;  
    }  
     
    #contentnorightbar {  
        margin:0 0 0 280px;  
        background:url(../images/content.jpg) top left no-repeat;  
        padding:20px 0 0 20px;  
    }  
     
    p {  
        margin:15px 0;  
        line-height:22px;  
    }  
     
    h2 {  
        font:190% Arial;  
        color:#79B933;  
        border-bottom:2px solid #f6f6f6;  
    }  
     
    h2 a {  
        color:#79B933;  
        text-decoration:none;  
    }  
     
    h2 a:hover {  
        color:#5F9128;  
    }  
     
     
    #footer {  
        clear:both;  
        border-top:1px solid #eee;  
        padding:10px;  
        margin:30px 0 0;  
    }  
     
    a {  
        color:#222;  
    }  
     
    a:hover {  
        text-decoration:none;  
    }  
     
    h3 {  
        font:140% Trebuchet MS;  
        margin:10px 0;  
    }  
     
    #content ul {  
        margin:15px 0 15px 0;  
        line-height:25px;  
        padding:15px 0 15px 15px;  
        border-top:1px solid #eee;  
        border-bottom:1px solid #eee;  
        color:#79B933;  
    }  
    #content ul span {  
        color:#444;  
    }  
    #contentnorightbar ul {  
        margin:15px 0 15px 20px;  
        line-height:25px;  
        padding:15px 0;  
        border-top:1px solid #eee;  
        border-bottom:1px solid #eee;  
        color:#79B933;  
    }  
    #contentnorightbar ul span {  
        color:#444;  
    }  
     
    img {  
        padding:1px;  
        background:#ccc;  
        border:4px solid #f6f6f6;  
    }  
     
    p img {  
        float:left;  
        margin:0 10px 0 0;  
    }  
     
    blockquote p {  
        font:160% Georgia;  
        color:#aaa;  
        padding:0 10% 0 0;  
        line-height:30px;  
    }  
     
  2. Yana
    Admin
    Yana avatar
    4848 posts

    Posted 14 Sep 2009 Link to this post

    Hello Bradley,

    Could you please provide us with a live url where we could observe this issue? Thanks a lot

    Best regards,
    Yana
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. bradley baker
    bradley baker avatar
    97 posts
    Member since:
    Aug 2009

    Posted 14 Sep 2009 Link to this post

    No I can not.  But it appears once you publish the website it works fine.  It only does the funky odd layout when you test out of Visual Studio.
Back to Top