Прблема с div'ом

ganswild · September 24, 2012

Верстаю html-страничку с помощью CSS, появилась такая проблема: если в один <div> поместить второй <div> то он принимает вертикальное положение родительского div'а, если убрать из первого div'а " margin: 0 auto;" и прописать "position: absolute;" то проблема решается но страница находится не по центру экрана а слева. Как это исправить?

Quote
<html>
<head>
<title>Портфолио</title>
<link rel="stylesheet" href="style.css" type="text/css">
<style type="text/css">
</style>
</head>
<body>
<div class="fon">
<div id="logo"></div>
</div>
</body>
</html>


.fon { /*на этот div вешается вся конструкция  вся конструкция*/
     width: 1024px;  
	 height: 1024px;
     background: url(img/fon.jpg);
	 margin: 0 auto; 

}
#logo {
     width: 377px;
	 height: 135px;
	 background: url(img/logo.png); 
	 display: block;
	 margin-top:  30px;/*если увеличить или уменьшить этот показатель то сдвигаются оба дива*/
	 margin-left: 30px;

}

USF · September 24, 2012

вы про отсутствия ожидаемого margin'а сверху? это схлопывание.

пропишите родителю padding-top: 1px или границу цвета фона.

ganswild · September 24, 2012

On 9/24/2012 at 3:39 PM, USF said:
вы про отсутствия ожидаемого margin'а сверху? это схлопывание.
пропишите родителю padding-top: 1px или границу цвета фона.

Заработало. Большое спасибо!!!

Sign In

Прблема с div'ом

Question

ganswild

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

USF

Link to comment

Share on other sites

ganswild

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information