У меня есть div с margin: 0 auto;, и эта часть отлично работает. Я также хочу дать этому div нижнее поле 80px. Я пробовал margin: 0 auto 80px;, и он отлично работает в браузерах webkit, но не в FF. Кто-нибудь знает, как добиться этого для всех браузеров?
Автоматическое горизонтальное поле CSS с нижним полем
comment
Я должен отметить, что в Firefox применялось как верхнее, так и нижнее поле в 80 пикселей.
- person Tony Beninate schedule 18.01.2012
Ответы (3)
То, что вы сказали (0 auto 80px), должно работать независимо от браузера, если только оно не слишком старое. Я делал это много раз сам без ошибок. Я думаю, что здесь происходит что-то еще, я знаю, это звучит глупо, но, может быть, какой-то другой селектор, о котором вы не знаете? это случается гораздо чаще, чем можно было бы предположить.
person
Ege
schedule
19.01.2012
Совсем не глупо, я должен что-то упустить. Я отправил код на photoramblr.com... Буду признателен, если кто-нибудь еще увидит его.
- person Tony Beninate; 19.01.2012
Кстати, вы имеете в виду main_wrapper, верно? Это то, что я вижу прямо сейчас, и все кажется в порядке? dl.dropbox.com/u/20343583/ss21.png
- person Ege; 19.01.2012
Да, это правильный div. Но загляните в топ (skitch.com/abeni735/g366g/photoramblr-a- фотосообщество). Разве это не отталкивает main_wrapper для вас?
- person Tony Beninate; 19.01.2012
Итак, вы столкнулись с самой странной ошибкой, которую я когда-либо видел. Этот тег iframe - ваша проблема. Удалите из него абсолютную позицию, и все вернется на круги своя. Но у меня буквально нет ни единой идеи, как, черт возьми, этот стиль iframe может повлиять на форматирование другого div.
- person Ege; 19.01.2012
Вау, я понятия не имею, как ты это понял и почему это происходит. Это будет сложно исправить, но, по крайней мере, я знаю, в чем проблема. Большое спасибо!
- person Tony Beninate; 19.01.2012
На самом деле я до сих пор не думаю, что это проблема; если я полностью удалю iframe, все останется без изменений...
- person Tony Beninate; 19.01.2012
хммм, хорошо, я думаю, проблема может быть в очистке. можете ли вы попробовать следующее: 1.Удалить float:left из #main. 2. Переместите #sidebar над #main в html и поверните его float:right. 3. Удалите пробел прямо перед #footer.
- person Ege; 19.01.2012
давайте продолжим это обсуждение в чате
- person Tony Beninate; 19.01.2012
Это должно сделать это
margin: 0 auto;
margin-bottom: 80px !important;
person
xbonez
schedule
18.01.2012
Да, это должно сделать это. По какой-то причине это не так: / Я думаю, что моя проблема должна быть в другом месте. Я продолжу копаться.
- person Tony Beninate; 18.01.2012
Это такой базар; когда я отключаю
margin-bottom: 80px !important в инспекторе FF, он удаляет как нижнее, так и псевдо-верхнее поле, которое он применяет.
- person Tony Beninate; 18.01.2012
Почему вы не реализуете div с margin: 0 auto и внутри этого div другой div с margin-bottom: 80px;?
person
Jules
schedule
18.01.2012
Ха-ха, я не могу в это поверить, но это также реагирует в Firefox! Я постараюсь докопаться до сути :/
- person Tony Beninate; 19.01.2012
