ненужные отступы

[#cicada]

вопрос закрыт

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



а в другом так:



проверялось в опере и в хроме
непонятно, от чего зависит и как с этим бороться

код:

<div align="center">
<div style="background-color: #000; margin: 10px 30px !important; border: 0px; width:500px;">
<div style="background-position: 100% 100%; background-repeat: repeat no-repeat; background-color: #fff; margin: -20px 0px 0px 0px !important; "><img height="60px;" width="500px;" src="http://firepic.org/"></div>

<div style="background-color: #fff; margin: -31px 20px 0px 20px !important; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; padding:0 !important;">

<span style="margin: 0px 0px"><div style="margin-left: 40px; margin-right: 40px;">
<div align="justify"><i>Классическая диета для кошек XXX разработана для удовлетворения потребностей в питании как растущих котят, так и взрослых кошек. Объединив в себе два источника самых питательных и легкоусвояемых белков - рыбу и курицу, XXX создал формулу, которая придется по вкусу всем кошкам.

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

</div>
</span></div>

<div style="margin: 0px 0px -3px 0px !important; width:500px;">
<div style="background-color: #fff; margin: -47px 0px -47px 0px !important;padding:0 !important; background-position: 100% 100%; background-repeat: repeat no-repeat;"><img height="60px;" width="500px;" src="http://firepic.org/"></div>
</div>

</div>
</div>

@темы: дневники, отступы, diaryCSS

Comments

[Тайя.]

А примеры можно посмотреть вживую?

[#cicada]

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

[#cicada]

ccd.diary.ru/p177780471.htm - так должно быть
блочный, слева, шрифты обычный 13, обычный 11, arial
runforrestrun.diary.ru/p198788830.htm - так не должно быть
табличный, слева, шрифты жирный 14, обычный 14, trebuchet ms

вопрос "от чего зависит" снят. осталось понять, можно ли сделать везде одинаково

[Helga Rigjarl]

#cicada, уберите !important во 2 3 строке, т.е. здесь:

<div style="background-color: #000; margin: 10px 30px !important; border: 0px; width:500px;">
<div style="background-position: 100% 100%; background-repeat: repeat no-repeat; background-color: #fff; margin: -20px 0px 0px 0px !important; ">

а в 4 вместо -31рх ставьте больше, т.е. здесь

<div style="background-color: #fff; margin: -31px 20px 0px 20px !important; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; padding:0 !important;">

попробуйте начать с -40

И зачем вам !important в коде поста. Его используют для преодоления встроенного кода CSS на сайте для платников. В общем, в таких кодах он не нужен.

[Helga Rigjarl]

#cicada, да, и всё в той же 4 строе для отступа снизу вместо 0рх тоже пропишите какое-то значение.

[#cicada]

Helga Rigjarl, спасибо, что уделили время ~
значения меняла, это исправило ситуацию во втором случае, но в то же время ухудшило в первом. похоже, при разных стандартных настройках одинакового вида во всех блогах никак не добиться

И зачем вам !important в коде поста. Его используют для преодоления встроенного кода CSS на сайте для платников. В общем, в таких кодах он не нужен.

окак. понятно. мне казалось, он помогает обойти опцию "игнорировать стили"