Estoy haciendo un sitio web a punta de CSS (y a su vez aplicando todo lo estudiado) y me tope con el siguiente problema. Porque en Dreamweaver todo se ve bien, en Firefox se ve descuadrado y en IE se ve PEOR de descuadrado??????
Les mando la imagenes
En Dreamweaver:
En Firefox
En internet Explorer
Este es el HTML
Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" href="estilos_skpe.css" type="text/css" media="all" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <body> <div id="fondo_negro"></div> <div id="fondo_negro_cuerpo"> <div id="header"></div> <div id="separador_8px"></div> <div id="menu"></div> <div id="separador_8px"></div> <div id="flash_rotator"></div> <div id="btn_descargas"></div> <div id="rss"></div> <div id="varios_trabajos"></div> <div id="pestaņas"></div> <div id="prueba"></div> </div> <div id="fondo_negro_footer"></div> </body> </html>
Este el el CSS que estā linkeado a la pāgina:
Código :
/*Ninguna margen para centrar todo ----------------------------------------------------------------------------------------------------------------------*/
*{margin: 0; padding: 0;}
/*Centrado de los DIVS ---------------------------------------------------------------------------------------------------------------------------------*/
body {text-align:center;}
/*Fondo del negro de atras ------------------------------------------------------------------------------------------------------------------------------*/
#fondo_negro {margin:0 auto 0 auto; width:1049px; height:31px; background-image:url(images/top_fondonegro.png); background-repeat:no-repeat;}
#fondo_negro_cuerpo {margin: 0 auto 0 auto; width:1049px; height:786px; background-image:url(images/cuerpo_fondonegro.png); background-repeat:no-repeat;}
#fondo_negro_footer {margin: 0 auto 0 auto; width:1049px; height:31px; background-image:url(images/footer_fondonegro.png); background-repeat:no-repeat;}
/*Cabecera con logo --------------------------------------------------------------------------------------------------------------------------------------*/
#header {margin: 0 auto 0 auto; width:953px; height:89px; background-image:url(images/header.jpg); background-repeat:no-repeat;}
/*MENU ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu {margin: 8px auto 0 auto; width:953px; height:40px; background-color:#FFFFFF;}
/*Flash rotator ----------------------------------------------------------------------------------------------------------------------------------------------*/
#flash_rotator {margin-left:48px; margin-top:8px; width:760px; height:167px; background-color:#00CC66;}
/*btn_descargas--------------------------------------------------------------------------------------------------------------------------------------------*/
#btn_descargas {margin-right:48px; width:185px; height:167px; background-color:#003399; float:right;}
/*RSS--------------------------------------------------------------------------------------------------------------------------------------------*/
#rss {margin-left:48px; margin-top:8px; margin-right:8px; width:377px; height:283px; background-color:#009933;}
/*banner otros trabajos -----------------------------------------------------------------------------------------------------------------------------------*/
#varios_trabajos {width:182px; margin-right:48px; height:283px; background-color:#336633; float:right;}
#pestaņas {width:376px; margin-right:8px; height:282px; background-color:#009999; float:right;}
#prueba {margin: 8px auto 0 auto; width:953px; height:90px; background-color:#FF0000; clear:both;}MUCHAS GRACIAS
