Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Centrowanie obrazka w pionie i w poziomie
Forum PHP.pl > Forum > PHP
programista28
witam potrzebuje wycentrowac obrazek w divie :

<html>
<head>

<style type="text/css">

#czerwony{
position:absolute;
top:200px;
left:200px;
background:red;
width:800px;
height:400px;





}





</style>

</head>
<body>



<div id="czerwony">
<img src="obraz.jpeg" ></img>
</div>






</body>


</html>

tak zeby obraz.jpeg znajdowal sie w samym srodku div czerwony zarowno w pionie jak i w poziomie
ratosluaf
Kod
var div= $('#div_SomeDivYouWantToAdjust');
div.css("top", ($(window).height() - div.height())/2  + 'px');
programista28
czy to jest kod jquery ?
ratosluaf
Tak
programista28
Dzieki ale chodzi mi o css smile.gif
ratosluaf
nie da się.
koreja
I tutaj się nie zgodzę. Jest kilka metod.
Najprostsza to elementowi nadrzędnemu (pewnie to będzie div) dodać właśność line-height na jego wysokość, wtedy obrazek powinien być mniej więcej pośrodku. W połączeniu z text-align: center będzie wycentrowany w pionie i w poziomie.
Druga opcja to nadać elementowi nadrzędnemu
Kod
display:table-cell, vertical-align:middle
i odpowiednią wysokość, wtedy też obrazek powinien być na środku.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.