[HELP NEEDED] how i can put the forum in a div

محروم.كوم · #1 05-14-2010, 01:00 AM

Id like to put the forum in a div here is my code

Code:

body {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#framecontent {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 320px;
overflow: hidden;
color: white;
background-image: url(http://www.aionlife.net/forum/css/css/background.jpg);
background-repeat: repeat-y;
background-position: 110px;
background-color: #1D1D1D;
}
.version {
left: auto;
right: auto;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #CCC;
margin-left: 15px;
}
.sidenav {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
margin-left: 15px;
}
.hr1 {
color: #7FC1CE;
}

#maincontent {
position: fixed;
top: 0;
left: 300px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto;
background-color: #000;
background-attachment: fixed;
background-image: url(http://www.aionlife.net/forum/css/css/bg.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.innertube {
color: #FFF;
margin-top: 25px;
margin-right: 75px;
margin-bottom: 25px;
margin-left: 15px;
}
* html body { /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}
* html #maincontent { /*IE6 hack*/
height: 100%;
width: 100%;
}
ul#sliding-navigation
{
list-style: none;
font-size: 10px;
margin: 30px 0;
padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
display: block;
width: 200px;
margin-bottom: 5px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding-top: 5px;
padding-right: 18px;
padding-bottom: 5px;
padding-left: 18px;
}

ul#sliding-navigation li.sliding-element h3
{
color: #fff;
background:#333 url(css/heading_bg.jpg) repeat-y;
font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
color: #999;
background:#222 url(../../MEMBERS/css/tab_bg.jpg) repeat-y;
border: 1px solid #1a1a1a;
text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover {
color: #85CAD8;
}

$ad_location[ad_header_logo]

$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

1">$vbphrase[page_x]-$threadinfo[prefix_plain_html] $threadinfo[title] $foruminfo[title_clean]" />

1">$vbphrase[page_x]-$foruminfo[description_clean]" />

$style[css]

ul, ol { padding-$stylevar[left]:20px; }

$editor_css

$ad_location[ad_footer_start]

$vbphrase[all_times_are_gmt_x_time_now_is_y]

$spacer_close

$quickchooserbits

$languagechooserbits

$vbphrase[contact_us] -
$vboptions[hometitle] -
$vbphrase[admin] -
$vbphrase[mod] -
$vbphrase[archive] -
$template_hook[footer_links]
$vbphrase[privacy_statement] -
$vbphrase[terms_of_service] -
$vbphrase[top]

$vbphrase[powered_by_vbulletin]

$cronimage

$vboptions[copyrighttext]

$ad_location[ad_footer_end]

but as soon as i put it in ym form skin i get this

what id like is for the navigation links to be in the left collume and the forums in the right colum.

any suggestions?

Thanks
Renny. __DEFINE_LIKE_SHARE__