11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

margin-left: -10px;}Este bloque se podría reescribir como:.bloque_interior {margin: 20px 0px 5px -10px;}Recuerda que <strong>de</strong>berás seguir <strong>el</strong> or<strong>de</strong>n top, right, bottom y left.En <strong>el</strong> caso <strong>de</strong> que los valores arriba y abajo (top y bottom) e izquierda y <strong>de</strong>recha (left y right)sean iguales entre sí se pue<strong>de</strong> escribir en dos valores, como:.bloque_interior {margin: 20px 5px;}En este caso los márgenes superior e inferior serán <strong>de</strong> 20px y los <strong>de</strong> los lados <strong>de</strong> 5.En caso <strong>de</strong> que quieras que todos los margenes tengan la misma distancia pue<strong>de</strong>s escribirlosólo una vez:.bloque_interior {margin: 20px;}Ahora todos los márgenes serán <strong>de</strong> 20 píx<strong>el</strong>es.También se pue<strong>de</strong>n establecer estas propieda<strong>de</strong>s a auto. Dejando que los bor<strong>de</strong>s d<strong>el</strong> <strong>el</strong>ementosean <strong>de</strong>terminados por <strong>el</strong> navegador.Esta opción, sin embargo, no se trata d<strong>el</strong> mismo modo en todos los navegadores.Internet Explorer no sigue los estándares y no la maneja <strong>de</strong> un modo correcto.Por lo que cuando con otros navegadores centrar un <strong>el</strong>emento es muy sencillo con <strong>el</strong> valor auto,para IE hay que hacer una pequeña trampa.Veamos <strong>el</strong> siguiente ejemplo:margentextomargenEl código CSS <strong>de</strong> la caja interior es:

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!