Ошибка при верстке

Requiem · February 20, 2012

Верстаю данный макет 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;
}

Не подскажите в чем проблема? Спасибо!

Yazon_Nile · February 20, 2012

Лучше бы ссылку на сайт скинул) Или весь проект архивом. По картинкам сложно понять что нужно сделать, и что имеется на выходе.

Sign In

Ошибка при верстке

Question

Requiem

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Yazon_Nile

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information