CSS - Hojas de estilo - Mas sobre posicionamiento

12 - Mas sobre posicionamiento

[editar]
Tutorial creado por t0m|ta. Extraido de: http://www.tomatoma.ws/subsecciones.php?forum_id=28&catid=22&todos=1
08 de Marzo de 2006
Esto de andar colocando cajas en su sitio, digan lo que digan los gurús, no es nada fácil. Cuanto más investigo, más estudio, más vueltas le doy más desgracias me ocurren: se me caen los menús, se me montan los elementos, se me descuajeringan las páginas, en fin un desastre. ....

Lo he intentado con posicionamiento absoluto, con posicionamiento relativo, con “floats", con márgenes negativos… nada. ¿Y qué ocurre al final? Pues lo que a todos, que tiro de plantilla y me voy al diseño más simple posible a ver si evito que me ocurran desgracias XD
aunque no tengo mucho éxito. es curioso hay desgracias tanto con mozilla como con explorer, eso sí completamente distintas.

Y yo venga de estudiar, que si Zeldam, que si Meyer, que si O’Reilly, ahora un poco de alistapart, si hasta me he suscrito al safari y tengo todos mis slots llenos de libros de CSS. Nada, mis desgracias continuan.

Por si alguien tiene más suerte que yo dos apuntes:

1.- El posicionamiento relativo, sólo funciona si el elemento “Padre” está posicionado, basta con poner position:relative; sin indicar donde. Me estuve comiendo la cabeza 3 días hasta que una buena persona me lo contó.

2.- El modelo de cajas es una auténtica pesadilla y no siempre funciona. Hay una manera de evitar los hacks:
la aplicación selectiva de las hojas de estilo.

En fin me voy a seguir estudiando, cuando consiga hacer algo en condiciones, o completen las especificaciones CSS de forma que funcionen igual vuelvo, mientras tanto, me voy a llorar a mi rincón XD
[editar]

2 opiniones

Esta muy completo.

Super excelente¡¡¡¡ muy bueno.
Opinión.

Muy buena intro a las css!
gracias.

Tutoriales relacionados con 'CSS - Hojas de estilo'

Este documento describe el lenguaje CSS1 (Cascade Style Sheets, level 1 - hojas de estilo... Más »
Con CSS puedes formatear tus páginas web separando completamente el contenido de la presentación. Es... Más »
Bienvenidos al manual de HTML de Indaya.A través de todos estos capítulos vamos a descubrir... Más »
Esta tecnologia permite posicionamiento dinamico de elementos, y es la extension natural de la idea... Más »
En estas páginas de CSS pretendemos dar a conocer la tecnología con un enfoque práctico... Más »

Autor y licencia de 'CSS - Hojas de estilo'

Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.