два div relative + центрование второго div внутри первого

rtl_one · June 5, 2013

Как отцентровать wrapper внутри container

1) по горизонтали и вертикали ?

2) по горизонтали ?

3) по вертикали ?

<html>

<head>

<body>

<style>

*

{

margin:0;

padding:0;

}

html,body {

background: none;

height: 100%;

width: 100%;

}

.container {

display: block;

position: relative;

height: 100%;

margin: 0px auto 0;

width: 1000px;

background-color: black;

}

.wrapper {

display: block;

position: relative;

height: 150px;

width: 150px;

margin: 0;

background-color: blue;

}

</style>

</div>

</body>

</head>

</html>

Vulner · June 5, 2013

On 6/5/2013 at 6:59 PM, rtl_one said:
1) по горизонтали и вертикали

Возможно так: http://jsfiddle.net/WhWUf/1/'>http://jsfiddle.net/WhWUf/1/

On 6/5/2013 at 6:59 PM, rtl_one said:
2) по горизонтали

Это так: http://jsfiddle.net/WhWUf/

On 6/5/2013 at 6:59 PM, rtl_one said:
3) по вертикали

А это наверное так: http://jsfiddle.net/WhWUf/2/

Sign In

два div relative + центрование второго div внутри первого

Question

rtl_one

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Vulner

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information