Ребята помогите зделать шапку резиновой в шаблоне Instanto

#1 27 октября 2009 в 11:49
Где можно в цсс и что прописать что бы шапка растягивалась вместе с шаблоном на разных разрешениях монитора…
#2 27 октября 2009 в 12:16


Где можно в цсс и что прописать что бы шапка растягивалась вместе с шаблоном на разных разрешениях монитора...

imprint
ширина таблицы с шапкой, должна быть 100%, тогда будет тянутся
#3 27 октября 2009 в 12:24
вот цсс где именно поменять?

/*PAGE*/:
html, body {height:100%;}
body {
width:100%;
height:100%;
min-width:1150px;
font:12px Arial, Helvetica, sans-serif;
line-height:18px;
color: #606d78;
background:#202a32;
}

/*NAVIGATION*/

/*TOPMENU*/
#top_menu{width:600px;
float:left;
padding:18px 0 0 12px;font-size:14px;line-height:24px;}
#top_menu_conteiner{overflow: hidden;font-size: 14px;line-height: normal;}
#top_menu_conteiner UL{margin: 0;}
#top_menu_conteiner LI{display: inline;margin: 0;padding: 0;line-height:24px;}
#top_menu_conteiner A{float: left;margin: 0;padding: 0 0 0 8px;
background: url(/templates/Instantoo/images/menu/top_menu_left.gif) no-repeat left top;
text-decoration: none;}
#top_menu_conteiner A SPAN{float:left;display:block;padding: 0 15px 0 7px;margin-right:10px;
background: url(/templates/Instantoo/images/menu/top_menu_right.gif) no-repeat right top;
color: #202a32; }
#top_menu_conteiner A SPAN{float: none;}
#top_menu_conteiner A:hover{background-position: 0% -24px;}
#top_menu_conteiner A:hover SPAN{background-position: 100% -24px;}
#top_menu_conteiner .top_menu_active #top_menulink_active{background-position: 0% -24px;}
#top_menu_conteiner .top_menu_active #top_menulink_active span{background-position: 100% -24px;}

/*main_menu*/
#mainmenu li{display:block;height:25px;padding:0;color:#555555;cursor:pointer; line-height:22px;
background: url(/templates/Instantoo/images/menu/mainmenu_gr.gif) repeat-x bottom;}
.main_menu_link_aktive{color:#ff3000;text-decoration:none;}
.main_menu_link{display:block;height:25px;text-decoration:none;color:#555555;}

/*TAGS*/
a{color: #206ed5;text-decoration:none;}
a:hover{text-decoration:underline;}
/*FONT*/

/*LAYOUT*/
#wrapper {position:relative;min-width:1000px;max-width: 1400px;margin: 0 auto;min-height:100%;
height:auto !important;height:100%;
}
#wrapper_gr{margin:25px 20px;
background:#E1E1E1 url(/templates/Instantoo/images/bgr/wrapper_gr.gif) repeat-x bottom;}
#wrapper_corner_lt{position:relative;
background:url(/templates/Instantoo/images/bgr/wrapper_corner_lt.gif) no-repeat 0% 0%}
#wrapper_corner_lb{position:relative;
background:url(/templates/Instantoo/images/bgr/wrapper_corner_lb.gif) no-repeat 0% 100%;}
#wrapper_corner_rt{position:relative;
background:url(/templates/Instantoo/images/bgr/wrapper_corner_rt.gif) no-repeat 100% 0%;}
#wrapper_corner_rb{position:relative;
background:url(/templates/Instantoo/images/bgr/wrapper_corner_rb.gif) no-repeat 100% 100%;}

/*HEADER*/
#top_bar{position:relative;height:55px;}
#searh{float:right;width:217px;padding:18px 12px 0 0;}
#searh span{font-size:12px;}
#searchinput{display:block; width:171px; height:21px;float:right;border:medium none;
background:url(/templates/Instantoo/images/bgr/search_bg.gif) no-repeat;}

.pathway{height:25px;margin:0 12px;padding-left:10px;line-height:23px;color:#fff;border:solid #505050 1px;
background:url(/templates/Instantoo/images/bgr/pathway_bg.gif) repeat-x;}
.pathway a{color:#fff;text-decoration:none;}
.pathway a:hover{text-decoration:underline;}

/*BODY*/
#body{position:relative;margin:0 12px 0 12px;background-color:#efefef;border:1px solid #868585;}
#content_col{ width:100%; }

#header{height:117px; margin:1px 1px 0 1px;
background:url(/templates/Instantoo/images/bgr/header.jpg) repeat-x top;}
#header span{padding-left:52px;color:#fff;font-weight:bolder;}
#logo{padding: 70px 0 0 50px;font-size:40px;margin-bottom:5px;}
#logo a{color:#ffffff;text-decoration:none;}

#whos{position:absolute;left:1px;bottom:1px;width:200px;height:120px;
background:url(/templates/Instantoo/images/bgr/whos.jpg) no-repeat;}
.whos_moduletitle{margin-top:10px;text-align:center;font-weight:bolder;
font-size:14px;color:#ffffff;}
.whos_modulebody{margin-left:10px;font-weight:bolder;}
.whos_modulebody div{color:#84d9f3;}

/*left_col*/
#left_col{ padding:1px 0 120px 1px;}



/*center_col*/
#center_col{
padding:20px;
vertical-align:top;
}
.sidebar{
width:200px;
vertical-align:top;
}

/*right_col*/
#right_col{
padding:1px 1px 0 0;

}

/*wrap_foot*/
#wrap_foot{height:30px;margin:0 15px;border-top:1px solid #ffffff;}
/*FOOTER*/
#footer{height:20px;text-align:center;color:#fff;}
#footer a{color:#3baad5;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
/*MISС*/
.clear{clear:both;}

.sidebar_module{margin:0 0 30px 0;}
.sidebar_module h2{height:30px;padding-left:15px;background:url(/templates/Instantoo/images/bgr/box_h3.png) no-repeat;
color:#ffffff;font:1.4em/1.4em "Arial"; font-weight:bolder;padding-top:10px;}
.sidebar_modulebody{width:200px; margin:10px auto 0 auto;}

.module{margin-bottom:20px;}
.moduletitle{margin:0 0 15px 0;text-align:center;font-size:18px;color:#202a32;}
.modulebody{
}

/*module_user_menu*/
#user_menu span{display:block;text-align:center;color:#ff3000;margin:0 0 10px 0;}
#user_avatar{width:170px; margin-bottom:10px; text-align:center;}
#user_menu ul li{display:block;height:24px;line-height:24px;
background: url(/templates/Instantoo/images/menu/mainmenu_gr.gif) repeat-x bottom;}
#user_menu ul li a{
color:#5a9b02;
}


/*component_user_profile*/
#profile_avatar{position:absolute;width:200px;text-align:center;top:25px;padding-top:10px;
border-right:1px solid #97A5B0;}
#profile, #feed, #content, #friends, #clubs, #awards{
min-height:320px;padding:0 0 20px 210px;}
#profiletabs{position:relative;}


/*user_searh*/
#user_searh li{text-align:center;}
#gender{margin-bottom:10px;}
#go_user_search{margin-top:10px;}

/*com_content_view*/
.con_heading{ margin-bottom:10px;color:#505050;font:1.8em/1.4em "Arial";}
.blog_entry_title{font-weight:normal;}
.blog_post_data{background-color:#E1E1E1;}

/*user_rigstr*/
.register_padding{
padding-top:10px;
}
.register_padding span{
font-weight:bolder;
}
/*FORM*/

/*autrize*/
#authform li{padding-bottom:5px;}
.login{width:165px;}
#vhod{width:80px;margin:0 0 5px 45px;}
#authform li a{color:#3a7fb1;}
#authform li a:hover{text-decoration:none;}
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.