Diferentes navegadores diferentes visionados

mundogm83

New Member
Messages
8
Reaction score
0
Points
0
Hola estoy creando mi web y se ve mal en Firefox y chrome pero bien en IE y utilizo como plantilla CSS y no se el error :confused: si alguien me puede ayudar

estilo-general.css :

Code:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: center}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
<!-- Cabecera -->
#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; 
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left ; height:85px }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: Indigo ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: orange ; border-left: black 1px solid ; 
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
<!-- Menu -->
#menu {width: 150px ; float:left ; 
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
<!-- Pie De Pagina -->
#pie { background-color: white ; 
border-left: black 1px solid ; 
border-right: black 1px solid; 
border-top: black 1px solid ;
height: 20px ;}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }	
<!-- URL/Enlaces -->
a {color: black ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:Chocolate ; text-decoration:underline ;}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

Ke puede ser ?
 

etohumb

New Member
Messages
200
Reaction score
1
Points
0
Eso si se puede decir de algun modo es normal, casi siempre hay gran diferencia en como se ven los sitios en estos navegadores, ejemplo seria el como interpretan los colores, en IE puede verse bien y en firefox no, o al revéz.

Seguramente tu codigo esté bien el problema es de la compatibilidad entre navegadores. Te recomendaría que uses comandos mas generales yrevises en la pagina oficial de la CSS cuales son interpretados por igual en la mayoria de los navegadores.

O bien pienses en hacerlo en flash.
 

paneo

New Member
Messages
214
Reaction score
1
Points
0
Hola mundogm,
no leí el código que publicaste, pero estaría bueno que mostraras la web para darme cuenta cuál es el problema.
Sino puedes fijarte en http://w3schools.com/css/css_reference_atoz.asp donde te muestran con qué navegador es compatible cada propiedad.
Espero que te sirva.
Que pases bien.
 

mundogm83

New Member
Messages
8
Reaction score
0
Points
0
Bueno hice la web con un tuto asi ke me fui a la web esa me fui a la URL buena y sake el CSS y va perfecto :p Solucionado

Paneo lo hacia con CSS -.-
 
Top