Requiem
-
Posts
1 -
Joined
-
Last visited
Requiem's Achievements
Explorer (1/14)
0
Reputation
-
Верстаю данный макет http://rghost.ru/36608820 (photoshop) Вот что выходит при просмотре в браузере http://rghost.ru/36608830 HTML <body> <div class="container"> <div class="top_container"> <div class="top_left"></div> <div class="top_right"></div> </div> <div class="gl_menu"> <div class="left_menu"></div> <div class="cp_menu"> <!--строка над меню с картинками--> <div class="up_men"></div> <!--главное меню с картинками--> <div class="menu_1"> <div class="img_1"></div> <div class="img_2"></div> <div class="img_3"></div> <div class="img_4"></div> <div class="img_5"></div> <div class="img_6"></div> <div class="img_7"></div> <div class="img_8"></div> </div> <!--господи...это не я писал....=)--> <div class="down_menu"></div> </div> <div class="right_menu"></div> </div> <!--Основное содержимое--> <div class="contents"> <div class="left_contens"></div> <div class="main_contens"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div class="mod_contens"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div class="right_contens"></div> </div> <!--fotter--> <div class="fotter"> <div class="fotter_1"></div> </div> </div> </body> CSS @charset "utf-8"; body { background-image:url(../images/worl_ph1-11.png) } .container { margin: auto; width: 1000px; } .top_container { float: left; width: 1000px; } .top_left { background-image: url(../images/1-A_a.png); float: left; height: 201px; width: 471px; } .top_right { background-image: url(../images/2-B_b.png); float: left; height: 201px; width: 529px; } .gl_menu { float: left; height: 103px; width: 1000px; } .contents { float: left; width: 1000px; } .line_menu { background-image: url(../images/6-F_f.png); float: left; height: 32px; width: 950px; margin-left: 25px; } .left_menu { background-image: url(../images/3-C_c.png); float: left; height: 103px; width: 25px; } .cp_menu { float: left; height: 103px; width: 950px; } .menu_1 { background-image: url(../images/6-F_f.png); float: left; height: 31px; width: 950px; } .menu_img { float: left; height: 950px; width: 53px; } .img_1 { background-image: url(../images/14-N_n.png); float: left; height: 53px; width: 127px; } .img_2 { background-image: url(../images/15-O_o.png); height: 51px; width: 115px; float: left; } .img_4 { background-image: url(../images/10-J_j.png); height: 51px; width: 117px; float: left; } .up_men { background-image: url(../images/6-F_f.png); float: left; height: 31px; width: 950px; } .right_menu { background-image: url(../images/7-G_g.png); float: right; height: 103px; width: 25px; } .down_menu { background-image: url(../images/19-S_s.png); float: left; height: 19px; width: 950px; margin-top: 20px; } .img_6 { background-image: url(../images/12-L_l.png); float: left; height: 51px; width: 117px; } .img_7 { background-image: url(../images/17-Q_q.png); float: left; height: 51px; width: 118px; } .img_8 { background-image: url(../images/18-R_r.png); float: left; height: 51px; width: 125px; } .img_5 { background-image: url(../images/11-K_k.png); float: left; height: 51px; width: 115px; } .img_3 { background-image: url(../images/9-I_i.png); float: left; height: 51px; width: 116px; } .left_contens { background-image: url(../images/20-T_t.png); float: left; height: 999px; width: 25px; margin: auto; } .main_contens { background-image: url(../images/21-U_u.png); float: left; background-repeat: repeat-x; width: 711px; margin-top: -2px; margin-bottom: auto; } .fotter_1 { background-image: url(../images/24-X_x.png); float: left; height: 79px; width: 1000px; } .fotter_2 { background-image: url(../images/25-Y_y.png); float: left; height: 48px; width: 790px; margin: 0px; } .fotter { height: 47px; width: 1000px; } .left_footer { background-image: url(../images/24-Xb_x.png); float: left; width: 25px; height: 48px; } .test_main { position: absolute; top:0; left:0; } .mod_contens { background-image: url(../images/22-V_v.png); float: left; width: 239px; margin-top: -2px; } .right_contens { background-image: url(../images/23-W_w.png); float: right; height: 999px; width: 25px; } Не подскажите в чем проблема? Спасибо!