Центральное положение изображения над div - PullRequest
Новая
       0

Центральное положение изображения над div

0 голосов
/ 15 октября 2011 
<img src="logo.jpg">
<div class="fadehover">
    <div class="a" ><img src="kulte_gray.jpg" /></div>
    <div class="b" ><img src="kulte.jpg" /></div>
</div>

На самом деле я хочу центрировать изображение точно над контейнером div. Хорошо, я попробовал с простым тегом <center>, он работает, но я не уверен, что это разумное решение для всех браузеров. Есть идеи? что-то вроде выравнивания по div?

1 Ответ

1 голос
/ 15 октября 2011 
<style>
    #logo {
        display: block;
        margin: 0 auto;
    }
</style>

↑ Это будет центрировать #logo в его родительском контейнере. 

<div class="fadehover">
    <img src="logo.jpg" id="logo">
    <div class="a" ><img src="kulte_gray.jpg" /></div>
    <div class="b" ><img src="kulte.jpg" /></div>
</div>

OR 

<!-- If you cannot put #logo into .fadehover
     for some reason -->
<div id="same-width-as-fadehover">
    <img src="logo.jpg" id="logo">
</div>
<div class="fadehover">
    <div class="a" ><img src="kulte_gray.jpg" /></div>
    <div class="b" ><img src="kulte.jpg" /></div>
</div>
...