Comunidad de diseño web y desarrollo en internet online

Problema con padding

Citar            
MensajeEscrito el 27 Nov 2013 03:00 am
Hola amigos de la comunidad estoy haciendo un proyecto con unos contenidos usando div pero al momento de darle paddin-left:10px; al texto de uno de los contenidos el texto se corre 10px pero el div aumenta su tamaño horizontalmente es ahi mi problema haber si podrian ayudarme aca les paso el codigo, gracias.

<!DOCTYPE HTML>
<html>
<head>
<title>hhh</title>
<style type="text/css">
#contenedor {
position:absolute;
width:400px;
height:400px;
border: 1px solid red;

}

#div1 {
position:absolute;
width:100px;
height:100px;
border: 1px solid red;
text-align:center;
margin-top:165px;
}
#div2 {
position:absolute;
width:100px;
height:100px;
border: 1px solid red;
margin-left:165px;
margin-top:165px;
padding-left:10px;
color:red;
}
</style>

</head>
<body>
<div id="contenedor">
<div id="div1">jjj</div>
<div id="div2" valign="middle">aaaa</div>
</div>
</body>
</html>

Por jarvi22

22 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Nov 2013 05:21 pm
SI, el padding aumenta el tamaño de la caja... checa el tema de box-model

Si tu div2 va a tener el mismo ancho que el div1... no le pongas esa propiedad a div2
o...
réstale al ancho la medida del padding para que tu caja mantenga la medida.. (w:90px)

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 27 Nov 2013 11:30 pm
hola gracias a migo nacho y me podrias explicar los box-model me esta gustando mucho esto del mundo del diseño y desarrollo web ahorita mismo tambien leo manuales de java y php muy intereante y por lo que veo rentable, gracias.

Por jarvi22

22 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Nov 2013 11:32 pm

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.