Articles of css float

¿Cómo evitar que el texto envuelva una imagen flotada cuando crece?

¿Cómo puedo alinear el texto con una imagen si el texto es más largo que la imagen? Las palabras ” comodidad y esperanza ” no se alinean con el rest del texto a la derecha de la imagen. .left { float: left; margin: 0em .5em .5em 0; padding-top:5px; padding-left:5px; } .right { float: right; margin: […]

Problemas de borde HTML con flotante cuando se aleja

Tengo un contenedor div, que tiene un ancho de 800 px, que está separado en dos por un solo borde (1 px). div A (399px) se mueve hacia la izquierda mientras que div B (400px) se mueve hacia la derecha. El problema es que cuando me estoy alejando, el borde derecho, que es div B, […]

Div flotó a la izquierda y div flotó a la derecha causando que el fondo desapareciera

Necesito que el pie de página tenga una imagen flotando a la izquierda y un poco más de texto (una ul línea con enlaces) flotando a la derecha del pie de página. Aquí está el CSS y HTML: footer { clear: both; background: #113551; width: 90%; margin: 0 auto; } .left-foot { float: left; } […]

Problemas de diseño CSS, flotadores, divs nesteds

Muy bien, he recibido información útil en este sitio personal en el que ya estoy trabajando. En algún lugar en mi desordenado lío de divs nesteds he creado algunos problemas para mí. He flotado tanto la imagen como el texto junto a ella dentro de otro div y centrado en ese div, lo cual está […]

El modelo de css box no se estira con el relleno.

Tengo un título de proyecto como encabezado en mi página web. Este título del proyecto está dentro de un div llamado “pagetitle”. Después del título del proyecto, tengo dos palabras, una tiene que estar a la izquierda y la otra a la derecha. Quiero un fondo blanco todo dentro del div “pagetitle” dejando un poco […]

Desplazamiento horizontal en un div principal que contiene divs secundarios flotantes

Tengo el siguiente código: HTML 2001 2O02 2003 2004 2005 CSS #parent{ width:100%; overflow:auto; } .Child{ float:left; width:20px; } El contenido infantil siempre está desbordado, y esto es bueno. Pero quiero poder desplazarme horizontalmente en el div principal, para ver los últimos divs secundarios. Aquí hay una captura de pantalla del resultado como lo tengo: […]

Icono deslizante junto al texto dynamic con puntos suspensivos

Tengo una lista de elementos y al final de algunos elementos quiero agregar un icono (o varios de ellos, es dynamic). El contenedor de elementos tiene un ancho fijo y si el tamaño del texto del elemento es demasiado grande, me gustaría agregar puntos suspensivos. Entonces, el problema es que el ícono se agrega junto […]

¿Cómo puedo centrar div en div en IE7

HTML: CSS: .wrapper{ width:1000px; text-align:center; float:left; } .wrapper .box{ width:300px; height:50px; display:inline-block; background:#F00; margin:0 10px 10px 0; overflow:hidden; } Quiero centrar todos los div en envoltorio div como este; Los códigos anteriores funcionan bien en IE8, IE9, Chrome, Safari, Opera, FF pero no funcionan en IE7. Cuando abro la página en IE7, la página se […]

DIV DIV flotante verticalmente de arriba a abajo por filas

Estoy tratando de ubicar los DIV verticalmente desde arriba hacia abajo dentro del contenedor. El contenedor debe estar limitado verticalmente por 500px. Todos los DIV que no caben en este límite deben flotar a la siguiente fila. #container { position:relative; background-color:red; max-width:500px; min-height:500px; } #area { position:absolute; bottom: 0; background-color:yellow; margin:20px; width:100px; height:100px; } area1 […]

HTML CSS flotantes y problemas de bloque en línea

Hay tres bloques, el primero y el último se mueven a la izquierda y el del medio se muestra en el bloque en línea y ambos se borran. ¿Por qué mi bloque medio viene al final? Aquí está mi código. .box { width: 200px; height: 200px; background: red; } .block { height: 200px; width: 200px; […]