Плиз помогите разобраться, почему крайний правый див скачет вниз

Виктория_spider · November 16, 2007

111

222

333

444

555

fcyjdcj

maddogrts · November 16, 2007

Ужас. Давай подругому, я не умею писать на HTML и CSS и прошу вас помочь мне реализовать следующее, и говоришь то что тебе нужно. потому как понять что ты хочешь из кода долго ((, код у тебя хреновый , откуда взяла ?

))) ужас просто )) зачем доктайп писать ?

Scrum · November 16, 2007

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<!-- Created on: 14.11.2007 -->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title></title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="Unregistered User">
  <meta name="generator" content="AceHTML Freeware">
  <style type="text/css">
  /*<![CDATA[*/
  * {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 65.2%;
	color: #191a1f;
	background: #f1f1f1 url(all/head_left.gif) left top no-repeat;
}

h1 {
	font-size: 2.35em;
	font-weight: normal;
	color: #5464a0;
	padding-left: 40px;
	margin-top: 12px;
	padding-bottom: 26px;
}

p, li, label, legend, div.tools {
	font-size: 1.25em;
}

ul {
	padding: 3px 0px 15px 35px;
	list-style: url(all/marker.gif);
}
ol {
	padding: 3px 0px 15px 35px;
}
p, table {
	margin-bottom: 1em;
}
a {
	cursor: pointer;
	color: #43518a;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

td {
   font-size: 1.3em;
}
td p, td li {
	font-size: 1em;
}
a img {
	border: 0;
}
.wraper {
	padding: 0;
	margin: 0;
	height: 0;
	clear: both;
}
.center-text {
	text-align: center;
}
.left-text {
	text-align: left;
}
.right-text {
	text-align: right;
}
.float_l {
	float: left;
}

/* —————————————————-
* Multicolumn styling
*/
.container-multicolumn {
	width: 100%;
	margin: 0;
	padding: 0;
}
.left-column {
	float: left;
	width: 350px;
	margin: 0;
}
.right-column {
	float: right;
}
.content-column {
}
.middle {
	margin-left: 250px;
	margin-right: 270px;
}
.left {

}
.right {
	margin-left: 350px;
}
#container-page {
	width: 100%;
	margin: 0px;
	position: relative;
	min-height: 100%;
	min-width: 900px;
	height: auto !important;
	height: 100%;
}

#container-header {
	width: 99%;
	height: 185px;
	min-width: 1000px;
	background: url(all/head_right.gif) right top no-repeat;
}
#container-header:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: " ";
  height: 0px;
  visibility: hidden;
}
#container-content {
	padding-bottom: 180px;
}
#container-footer {
	width: 100%;
	position: absolute;
	bottom: 0 !important;
	clear: both;
	color: #5d616f;
	font-size: 1.1em;
	background: url(all/bg_footer.jpg) left bottom repeat-x;
}



.menu-about {
	position: absolute;
	width: 23%;
	top: 0%;
	left: 0%;
}
.menu-avto {
	position: absolute;
	width: 15%;
	top: 0%;
	left: 23%;
	text-align: center;
}
.menu-programs {
	position: absolute;
	width: 33%;
	top: 0%;
	left: 38%;
	text-align: center;
}
.menu-forum {
	position: absolute;
	width: 14%;
	top: 0%;
	left: 71%;
	text-align: center;
}
.menu-service {
	position: absolute;
	width: 15%;
	top: 0%;
	left: 85%;
	text-align: right;
}
.logo {
	width: 154px;
	height: 165px;
	float: left;
	padding-top: 20px;
}
.menu {
	position: relative;
	width: 69%;
	margin-right: 192px;
	height: 185px;
	margin-left: 150px;
}
.tools {
	float: right;
	width: 190px;
	height: 185px;
	min-width: 190px;
}
  /*]]>*/
  </style>
</head>
<body>
<div id="container-page" style="border: 1px solid blue">
  <div id="container-header" style="border: 1px solid yellow;">
	<div class="logo"  style="border: 1px solid red;"><a href="/"><img src="all/logo.jpg" width="154" height="127" alt="" border="0"  style="border: 1px solid red;"></a></div>
	<div class="tools" style="border: 1px solid red"><img src="all/fig.gif" width="180" height="123" alt="" border="1">
fcyjdcj</div>
<center>
   <div class="menu" style="border: 1px solid orange;">
	  <div class="menu-about"  style="border: 1px solid blue;"><img src="all/fig.gif" width="152" height="123" alt="" border="1">
111</div>
	  <div class="menu-avto"  style="border: 1px solid blue;"><img src="all/menu_avto.gif" width="52" height="123" alt="" border="1">
222</div>
	  <div class="menu-programs"  style="border: 1px solid blue;"><img src="all/menu_programs.gif" width="245" height="123" alt="" border="1">
333</div>
	  <div class="menu-forum"  style="border: 1px solid blue;"><img src="all/menu_forum.gif" width="99" height="123" alt="" border="1">
444</div>
	  <div class="menu-service"  style="border: 1px solid blue;"><img src="all/fig.gif" width="114" height="123" alt="" border="1">
555</div>
	</div>
  </div>
</center>
  <div id="container-content">

  </div>
  <div id="container-footer">

  </div>
</div>
</body>
</html>

maddogrts · November 16, 2007

Scrum

Нафига сделал ))) , а бордеры не убрал . Надо учить а не делать за них работу

Sign In

Плиз помогите разобраться, почему крайний правый див скачет вниз

Question

Виктория_spider

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

maddogrts

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

maddogrts

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information