Comunidad de diseño web y desarrollo en internet online

2 elementos inline-block ¿Como alinear uno Left y otro Right?

Citar            
MensajeEscrito el 14 Ago 2012 12:41 am
Pues es claro que esto lo hacía con los floats left y right, pero hace tiempo que Freddie nos exhorta a ya no utilizar el float y en su lugar utilizar el inline-block.

Me había estado funcionando bien hasta ahora que tengo que envíar un DIV al lado izquierdo y el otro al lado derecho.

Ojalá puedan ayudarme, gracias!

Por Sr. QUHO

SWAT Team

1643 de clabLevel

5 tutoriales
1 articulo

  SWAT

chrome
Citar            
MensajeEscrito el 14 Ago 2012 01:09 am
Sin animo de ofender, a quien le importa lo que diga freddie? usa lo que mas se ajuste a tu proyecto, en este caso el float es justo lo que necesitas, no hay nada de malo en usarlo.

saludos.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 14 Ago 2012 02:08 am
A mi me importa.

Entonces no se puede hacer con los inline-blocks?
Forzosamente debo utilizar el float?

Gracias

Por Sr. QUHO

SWAT Team

1643 de clabLevel

5 tutoriales
1 articulo

  SWAT

chrome
Citar            
MensajeEscrito el 14 Ago 2012 03:07 pm
Yo encontré una forma, pero no sé si será muy ortodoxa.

Código CSS :

#container{width:600px; margin:0 auto; background:#eee; position:relative;}
#div1{width:100px; display:inline-block; background:#FF0100;}
#div2{width:100px; display:inline-block; position:absolute; right:0; background:#FFAB00;}

Código HTML :

<div id="container">
   <div id="div1">div 1</div>
   <div id="div2">div 2</div>
</div>

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 14 Ago 2012 07:43 pm
usando los margin podras moverlos izquierda y derecha

Por Eclypse

Claber

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 15 Ago 2012 08:31 am
QUHO, sin ver código es dificil, pero inline-block no reemplaza float en todos los casos. Es útil al crear grillas o columnas, pero depende de tu caso.

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

chrome
Citar            
MensajeEscrito el 19 Ago 2012 07:18 am
Yo opino que no te enteraste de lo que dijo el hombre, porque el float es el float y es indispensable, y menos cambiarlo por inline-block (solo) el float es usado y lo será siempre porque nos permite flotar cosas y que se adapten al contenido.
Probablemente dijo que para hacer menús no usásemos el float, por ejemplo, ya que con el display:inline-block funciona igual de bien y te quitas de los engorros que conlleva el float.

PD: usa lo que te convenga, y si te conviene el float usa el float, y de hecho yo en mi web lo uso para los botones de pasar de una página del blog a otra, y es la forma mas fácil y útil de hacer.

Por pedro-vk

Claber

423 de clabLevel

5 tutoriales

Genero:Masculino  

Diseñador y Desarrollador Web

chrome
Citar            
MensajeEscrito el 03 Abr 2014 02:30 am
el omologo de

float rigth para
block en

inline-block
es direction: rtl;

aqui bien explicado

[url=http://codigoweb.co/layout-css-alineado-a-la-derecha-con-inline-block/][/url]

Por claudio.dcv

0 de clabLevel



 

chrome

 

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