Centrar dos divs con margenes en un div ?
Publicado por Hernando (1 intervención) el 17/12/2013 21:00:53
Hola a la comunidad, soy un poco nuevo en el tema de maquetacion, resulta que un div padre, donde va contener dos divs hijos por fila, osea es como cada div tenga el mismo tamaño con un espacio margen, lo logre hacerlo de alguna forma, pero cuando lo pruebo con otra pantalla de otra dimension, no funciona del todo bien, porque aparece solo un div por fila (mas corta la pantalla del monitor).
Les muestro mi codigo css:
Si le muestro en otra pantalla, me sale este problema:
Alguien podria orientarme a solucionar este problema.
Les muestro mi codigo css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<style type="text/css">
.inner-panel {
width: 46%;
margin: 5px 10px 5px 10px;border: 3px solid #5C9CCC;
display: inline-block;
}.outer {
width: 100%;
text-align: center;
}.inner {
width: 76%;
margin: 0 auto;text-align: center;
}.inner-blank {
width: 12%;
margin: 0 auto;text-align: center;
}</style>
<div class="outer">
<div class="inner-panel">
codigo
</div>
<div class="inner-panel">
codigo
</div>
<div class="inner-panel">
codigo
</div>
<div class="inner-panel">
codigo
</div>
</div>
Si le muestro en otra pantalla, me sale este problema:
Alguien podria orientarme a solucionar este problema.
Valora esta pregunta
0
