Hola denuevo!
Bueno supe que no se veia centralizada al abrir el código HTML en ambos navegadores.
En cuanto al borde naranja si lo puedo visualizar en Safari pero en Firefox como dices, no se ve.
Para resolver esto podrías utilizar una de las siguiente:
- Observa en el CSS que cada vez que le vas a asignar color al borde utilizas esto: Si le añades el signo "#" podrias resolverlo. Quedaria algo asi
Cita: border: #e96d09 1px solid
- La otra que considero que es la mejor opción consiste de lo siguiente: Cambiar lo anterior por esta propiedad en todos los lugares que asi lo necesites:
Este es tu CSS:
Cita: * {margin:0px ; padding:0px ; border: 0px}
body {text-align: center ; background-color: 072032; }
#global {margin: auto; width:1024px; }
#cabecera {margin-bottom: 15px; border: e96d09 1px solid ; height:85px; }
#logotipo {}
#navegacion {background-color: #D3D3D3 ; height:20px ; border-left: e96d09 1px solid ; border-right: e96d09 1px solid ; border-bottom: e96d09 1px solid; }
#navegacion ul {text-align: center;}
#navegacion li {display: inline ; margin: 0px 40px 0px 40px ; list-style-type: none; }
#navegacion li a {color: #A52A2A ; padding: 2px 10px 2px 10px ; text-decoration: none ; font-size: 11pt ; font: bold; }
#contenido {width: 1024px ; float: left ; background-color: #696969 ; color: white ; border-left: e96d09 1px solid ; border-right: e96d09 1px solid; }
#contenido1 {text-align: left ; float: left; }
#contenido1 ul {list-style-type: none; }
#contenido1 li {margin: 30px 0px 0px 100px ; list-style-type: none; }
#contenido1 li a {color: white ; padding: 0px 0px 0px 0px ; text-decoration: none ; font-size: 13pt ; font: bold; }
#contenido2 {text-align: left ; float:right; }
#contenido2 ul{text-align: left ; list-style-type: none; }
#contenido2 li {margin: 30px 100px 0px 0px ; list-style-type: none;}
#contenido2 li a {color: white ; padding: 0px 0px 0px 0px ; text-decoration: none ; font-size: 13pt ; font: bold; }
#pie {font-size:9pt ; color: white ; border-left: e96d09 1px solid ; border-right: e96d09 1px solid ; border-bottom: e96d09 1px solid; }
El correcto debería de quedar algo así:
Cita: * {margin:0px ; padding:0px ; border: 0px}
body {text-align: center ; background-color: 072032; }
#global {width:1024px; margin: auto; }
#cabecera {border: 1px solid; border-color: #e96d09; height:100px; }
#navegacion {background-color: #D3D3D3 ; height:20px ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid; border-color: #e96d09; }
#navegacion ul {text-align: center;}
#navegacion li {display: inline ; margin: 0px 40px 0px 40px ; list-style-type: none; }
#navegacion li a {color: #A52A2A ; padding: 2px 10px 2px 10px ; text-decoration: none ; font-size: 11pt ; font-weight: bold; }
#contenido {width:1024px; float: left ; background-color: #696969 ; color: white ; border-left: 1px solid ; border-right: 1px solid; border-color: #e96d09; }
#contenido1 {text-align: left ; float: left; }
#contenido1 ul {list-style-type: none; }
#contenido1 li {margin: 30px 0px 0px 100px ; list-style-type: none; }
#contenido1 li a {color: white ; padding: 0px 0px 0px 0px ; text-decoration: none ; font-size: 13pt ; font: bold; }
#contenido2 {text-align: left ; float:right; }
#contenido2 ul{text-align: left ; list-style-type: none; }
#contenido2 li {margin: 30px 100px 0px 0px ; list-style-type: none;}
#contenido2 li a {color: white ; padding: 0px 0px 0px 0px ; text-decoration: none ; font-size: 13pt ; font: bold; }
#pie {font-size:9pt ; color: white ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid; border-color: #e96d09; }
Este ultimo código es el que esta completo, así que considero que es la mejor opción a utilizar.
Saludos, espero haber ayudado
