У меня есть отделение под float:right отделением. По некоторым причинам верхнее поле не может быть применено к первому отделению, вот CSS
#over{
width:80%;
float:right;
color:#e68200;
}
#under{
clear:both;
background:url(../images/anazitisi.png) no-repeat;
margin:10px auto; /*does not work!!!*/
width:95px;
height:20px;
}
кто-либо знает то, что продолжается?
Плавающие вещи как бы выплывают из нормального макета, поэтому обычно не влияют на другие вещи, которые не плавают, как они. Конечно, поведение плавающих элементов в разных браузерах отличается, но общая идея такова.
После floated div вам понадобится что-то (например, пустой div), что очистит float (has style="clear:both;").
Однако, как я уже сказал, поведение браузера будет варьироваться в зависимости от того, откуда он решит отсчитывать отступ. Разумеется, для этого есть обходные пути. Подробнее об этом см. на этой странице.
попробуйте этот css snipe, я думаю, это решит вашу проблему.
#over{
width:80%;
float:right;
color:#e68200;
background-color:#234fdd;
height:auto;
margin-bottom:30px;
}
#under{
clear:both;
background:url(../images/anazitisi.png) no-repeat;
margin:auto;
width:200px;
height:20px;
background-color:#23ffff;
}