Я хочу поставить логотип над фото в шапке в теме WordPress по умолчанию(http://twentyelevendemo.wordpress.com/)
Мое решение :добавить логотип перед фото и установить position: absolute
на нем без установки какого-либо из top/left/bottom/right
свойств:
Html:
Css:
#logo {
position: absolute;
margin: 10px;
/* or padding: 10px; */
/* or border: 10px solid transparent;
only this works with my elderly iPhone Simulator.app */
}
Другим примером является горизонтальное многоуровневое -меню, которое 100% ширина и расположение с помощью display: table-*
, но table-cell
не поддерживает position: relative
, поэтому моим единственным решением было это:http://jsfiddle.net/pCe49/
Работает в IE6 -7, Firefox1.5, не работает в Firefox 0.8 и т.д.
Как вы думаете, это хорошее решение, или это нестандартный -хак, который может развалиться в любую минуту?