[bartoneczek]

#webdev #webdesign #webmastering

Mircy, powiedzcie mi jak wyśrodkować pionowo i pozioma diva, ale uwaga: jeśli szerokość i wysokość podana jest w %?

Jeśli chodzi o stałe rozmiary to nie ma problemu, bo:

#jakisdiv { 

    width: 400px; 

    height: 300px; 

    margin: -150px 0px 0px -200px;

    position: absolute;

    left: 50%;

    top: 50%;

}

Ale w przypadku kiedy szerokość i wysokość jest podana w %, nie możemy sobie odjąć marginesów. :( Jakieś protipy? Najlepiej nie używając JS.

[T.....n]

@bartoneczek: margin: auto auto; ? ale moge sie mylic

no i wtedy position : relative

[fistasheq]

@bartoneczek: jeśli width: 40% to ustawiasz left: 30% i podobnie z height i top. Myślę ze zadziała :)

[bartoneczek]

@fistasheq: niestety nie za bardzo. :(

[rybiksystemowy]

http://css-tricks.com/centering-css-complete-guide/ ;-)

[npsr]

@bartoneczek:

#jakisdiv {

position: relative;

top: 50%;

transform: translateY(-50%);

}

[d.....u]

w poziomie działa {margin: 0 auto;} w pionie cholera wie

[bartoneczek]

@npsr: propsuję, dzięki wielkie. :)

[Artysta89]

@bartoneczek: nie #webdesign