позиция :абсолютная без установки сверху/слева/снизу/справа?

Дело #1:

Я хочу поставить логотип над фото в шапке в теме WordPress по умолчанию(http://twentyelevendemo.wordpress.com/)

Мое решение :добавить логотип перед фото и установить position: absoluteна нем без установки какого-либо из top/left/bottom/rightсвойств:

http://jsfiddle.net/TsAJp/

Html:


   
  

Css:

#logo {
  position: absolute;
  margin: 10px;
  /* or padding: 10px; */
  /* or border: 10px solid transparent;
     only this works with my elderly iPhone Simulator.app */
}

Case #2:

Другим примером является горизонтальное многоуровневое -меню, которое 100% ширина и расположение с помощью display: table-*, но table-cellне поддерживает position: relative, поэтому моим единственным решением было это:http://jsfiddle.net/pCe49/

Работает в IE6 -7, Firefox1.5, не работает в Firefox 0.8 и т.д.

Как вы думаете, это хорошее решение, или это нестандартный -хак, который может развалиться в любую минуту?

23
задан Asim K T 20 September 2016 в 09:05
поделиться