display:table;とpositionで位置がずれる・・・

今日もブログのデザインの改造の話です。
今回のデザインの特徴である左側のアイコン。
このアイコンが入っている親要素はdisplay:table-cell;で横並びにしています。
で、アイコンはというとpostion:relative;を適用して、その中の文字にabusoluteを使って位置を修正していたのですが・・・
なぜだか、アイコンの中身がabsoluteが適用された要素だけになると、table-cellの兄弟がおかしなことになってしまうようです。
なにかいい解決方法はないかなぁ
Category: 日記

コメント

コメントの投稿

トラックバック