Ancho con .css a Comments de Facebook

[ceaped]

Buenos días
Inserto en mi sitio Web la caja de "Comments" de Facebook:

Código HTML:

<div class="fb-comments" data-href="dominio.com" data-num-posts="2" width="480"></div>
 

Yo deseo que el ancho sea ajustable.

Yo trato de controlar el ancho con .css pero el campo de "Añade un comentario" no se ajusta.

¿Cómo hago para que sea ajustable % (responsive design)?

Gracias por su ayuda

[pzin]

¿Tienes una URL por ahí para verlo in situ? Yo es que no hago cosas con Facebook.

[ceaped]

Hola pzin
Siempre tan colaborador...
Nop no tengo nada online.
El asunto es que me está rompiendo la cabeza ya que busco en Google y no encuentro nada.
Se puede dar un "width" en pixeles pero no en "%" y estoy metiendo esta caja de comentarios en un "responsive design".

Gracias por tu ayuda

[Zeromm]

Sube el ejemplo a codepen

[ceaped]

Hola
El código es este:

Código Javascript:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://miDominio.html" data-num-posts="2" width="450"></div>
</div>
 

Yo busco poner el ancho "width=100%" en porcentaje (responsive design).

¿Cómo hago para que sea ajustable % (responsive design)?

Gracias por su ayuda

[randomit]

Me parece que eso no se puede hacer con la caja de comentarios de facebook. Puedes ponerla más o menos ancha con el atributo width="450" pero no puedes hacerla al 100%, si es para hacer un "responsive design" la caja de comentarios detecta cuando el visitante esta viendo la web desde un dispositivo móvil y la caja de comentarios se adapta al dispositivo. Si la ve desde un PC normal ves la caja de comentarios tal cual.

Por lo menos así era cuando intenté implementar ese sistema en algún sitio web, pero nunca me ha gustado la caja de facebook, no se si ahora lo habrán cambiado, pero parece que no.

Espero serte de ayuda :)

EDITO

Se ve de la siguiente manera en [URL="http://www.visualbeta.es/files/2012/01/facebook-caja-comentarios.jpg"]móvil [/URL] y en [URL="http://4.bp.blogspot.com/-sFKXnFBkoZk/Txjdw4M67cI/AAAAAAAACKw/FtWz3CrsqqA/s1600/agragar%2Bcaja%2Bde%2Bcometarios%2Bfacebook%2Ben%2 Bblogger.png"]PC[/URL].

[Zeromm]

Iniciado por Zeromm

Sube el ejemplo a codepen

me encanta cuando pasan totalmente de lo que digo...

- sube el ejemplo a codepen....
- toma, lo pongo aquí

xDD

Si subes el ejemplo a codepen será MUCHO mas facil poder ayudarte...

[ceaped]

Hola Zeromm
El código es el que puse. No tiene nada extra, por eso no subo ese mismo código a codepen.

Sólo necesito saber si el ancho "width" se puede poner "responsive design"

Gracias por tu ayuda