Aunque parezca mentira, y con toda la potencia y versatilidad de las webs con CSS, centrar objetos (DIVs o imágenes) en una web para todas las resoluciones y todos los navegadores no es nada fácil. Y es que, por alguna razón, te permite alinear a la derecha y a la izquierda (float:right y left) pero no al centro (absurdo).
Aquí os dejo un pequeño truco que funciona en alguno de los casos (no todos). Se trata de esto:
En vez de intentar centrar la imagen o div entera, piensa sólo en la esquina superior izqierda del mismo. Vamos a intentar centrarla, y luego desplazarla a la izquierda la mitad de la anchura del objeto. Así centraremos el mismo. Para ello crearemos un código:
.centered { position: fixed; top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px; }Como véis esto colocará la parte superior izquierda un 50% del ancho de la página. Luego lo desplazaremos la mitad de la anchura del objeto (200) a la izquierda y la mitad de la altura (100) hacia abajo.
Origen del artículo: http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
A veces hay problemas con la altura. Esto se puede solucionar así (ver código de la página): http://exanimo.com/examples/css/vertical-centering-with-a-floated-shim.html
Os recomendamos los siguientes productos relacionados con la informática:
ARCTIC MX-4 (8 g) - Premium Performance Pasta Térmica para Todos los procesadores (CPU, GPU - PC, PS4, Xbox), Muy Alta conductividad térmica, Larga Durabilidad, Aplicación Segura, No conductora
5,50 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Syntech Adaptador USB C a USB, 2 Unidades, USB C Macho a USB3 Hembra Compatible con iPhone 16 Pro MAX iMac 2021 iPad Pro 2021 MacBook Pro 2020 MacBook Air 2020 Space Grey
7,59 € (as of 21 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
HUAWEI Router 4G+ CPE 5, B636, Router SIM LTE, Cat 7+, DL 400Mbps/UL 200Mbps, Wi-Fi 6 AX3000, 4 Puertos Ethernet LAN, diagnóstico Wi-Fi visualizado, Cobertura de señal de Grado Industrial
89,99 € (as of 21 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Samsung Galaxy Tab A9+ 128 GB 27.9 Cm (11") 8 GB Wi-Fi 5 (802.11Ac), W128826931 ((11) 8 GB Wi-Fi 5 (802.11Ac) Graphite)
194,85 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Blackview Tab 60 WiFi Tablet 10 Pulgadas, PC Tablet Android 14, 12GB RAM + 128GB ROM/2TB TF, WiFi 6 Widevine L1, PC Mode 5100 mAh Batería Tablet Gaming Dual Cámara 8MP+5MP/WPS Suite/HD IPS
197,99 € (as of 21 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
JBL Tune 510 BT - Negro
35,15 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Toshiba 2TB Canvio Basics Portable External Hard Drive, USB 3.2. Gen 1, Black (HDTB420EK3AA)
79,75 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Nuevo Amazon Kindle Scribe (16 GB) | Pantalla rediseñada con bordes uniformes y escritura directa en libros y documentos | Lápiz prémium | Gris tungsteno
429,99 € (as of 21 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Lector de Tarjetas SD para iPhone iPad USB C, 3 in 2 Lector de Tarjetas SD para Micro SD/SD/TF/USB, Adaptador Tarjetas Micro SD para iPhone, SD Card Reader para Memoria de Camara Android
8,99 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)