Layout issues

[bradley baker]

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;
}

[Yana]

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.

[bradley baker]

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.