Див посередине сливается с левым дивом

sv12 · March 29, 2010

Див находящийся в центре сливается с левым дивом, оба они находятся в одном большом диве

Ururu · March 29, 2010

А код есть?

psywalker · March 29, 2010

а лучше ссылка

sv12 · March 30, 2010

Сылки к сожалению нет, так как проект учебный, мне дали его в фирме своей же, как задание, но код есть!

CSS:

body, hrml {

padding: 0px ;

margin: 0px auto ;

text-align: center ;

}

#alldiv {

width: 1000px ;

min-height: 800px ;

border: 1px black solid ;

border-left: 1px #dbdbdb solid ;

border-right: 1px #dbdbdb solid ;

border-top: 0 ;

border-bottom: 0 ;

margin: 0px auto ;

}

#headdiv {

background: url(img/01_01.gif) no-repeat;

width: 1000px ;

height: 164px ;

}

#mdiv {

float: left ;

width: 195px ;

border: 2px solid black ;

font-size: 10pt;

font-family:Verdana, Geneva, sans-serif;

font-weight: bold ;

}

#mdiv a {

color: #717171 ;

padding-top: 10px ;

padding-bottom: 8px ;

text-align: right;

display: block ;

padding-right: 30px ;

text-decoration: none ;

}

#mdiv a:hover {

background: #ff9b00 ;

color: #ffffff ;

}

#mdiv a:visited {

color: #ff5a00 ;

}

#rdiv {

float: right ;

width: 200px ;

text-align: center ;

border: 2px solid black ;

}

#rdiv a img {

margin-bottom:30px;

border: none;

}

#content {

border: 2px solid black ;

}

#ndiv p {

font-size: 11pt ;

font-family: verdana ;

font-weight: bold ;

color: #4a4a4a ;

float: left ;

}

#babyphoto {

background: url(img/01_07.gif)no-repeat ;

}

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

</body>

<a href="#"> главная </a>

<a href="#"> новости </a>

<a href="#"> архив данных </a>

<a href="#"> прайс </a>

<a href="#"> наши клиенты </a>

<a href="#"> акции </a>

<a href="#"> контакты </a>

</div>

</div>

<div id="content"> <div id="ndiv"><p>Название страницы</p></div>

</div>

</html>

Edited March 30, 2010 by sv12

psywalker · March 30, 2010

1) Код в спец.теги помести

2) Ничего не понял, что именно сливается, давай хотябы скриншот проблемы, ДО и После

Beofert · March 30, 2010

если я правильно понял, должен получиться один из двух вариантов:

1.

для него надо:

#ndiv p {
font-size: 11pt;
font-family: verdana;
font-weight: bold;
color: #4a4a4a;
float: none;
}

2.

для него:

#content {
border: 2px solid black;
margin: auto 200px auto 195px;
}
#ndiv p {
font-size: 11pt;
font-family: verdana;
font-weight: bold;
color: #4a4a4a;
float: none;
}

P.S. рамки делал разноцветные для себя, чтобы разобраться где какой блок.

Если что неправильно - скажите, только пытаюсь разобраться.

sv12 · March 30, 2010

2.

для него:

margin: auto 200px auto 195px;
}

вот этот момент: margin в данном случае отталкивается от левого дива Mdiv, или же от родительского блока ALLDIV?

Beofert · March 30, 2010

от родительского

margin: верх право низ лево

sv12 · March 30, 2010

а еще я попробовал так:

#mdiv {
	float: left;
	width: 195px;
	border: 2px solid black;
	font-size: 10pt;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin-right: 6px;
}



#content {
	width: 580px;
	border: 2px solid black;
	float: left;
}

получилось тоже самое, есть ли разница как поступать? Или же какой то из способов приоритетный?

Edited March 30, 2010 by sv12

Beofert · March 30, 2010

по-моему оба случая имеют право на существование,но если меняется ширина родительского блока в моем случае изменится ширина среднего блока (т.к. привязка к границам род. блока), а в вашем случае средний блок может либо залезть на соседние, либо останется разрыв (т.к. жестко задана его ширина).

Sign In

Див посередине сливается с левым дивом

Question

sv12

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Ururu

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

sv12

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Beofert

Link to comment

Share on other sites

sv12

Link to comment

Share on other sites

Beofert

Link to comment

Share on other sites

sv12

Link to comment

Share on other sites

Beofert

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information