tengo un problema con mi web
en internet explorer se ve de lujo pero en firefox no y kiero ke se vea bien en los dos. esto es lo ke tengo puesto
index.html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Inicio</title>
<link rel="stylesheet" href="reset.css" media="all">
<link rel="stylesheet" href="estilo-general.css" media="all">
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estilos.css" >
<link rel="stylesheet" href="estilo-general.css">
<!-->
</head>
estilo-general.css :
* {margin:0px;padding:0px;border:0px}
body {text-align:center}
#global {width:800px;margin:4px auto}
#curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#curva-inferior {background-image:url(objetos/curva-inferior.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}
#publicidad {width:518px;float:right;margin-top:25px}
#navegacion {background-color:silver;border:black 1px solid;height:20px}
#navegacion li{float:left;list-style:none;margin:0px 15px 0px 15px}
#navegacion ul{margin-left:60px}
#contenido {background-color:#CD0000;color:white;border-left:black 1px solid;border-right:black 1px solid;padding-bottom:30px}
#contenido p {padding:20px 10px 20px 10px;text-indent:15px}
#contenido li {list-style:none;text-align:center}
#contenido a {color:white;text-decoration:none;display:block}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color:black;text-decoration:underline;background-color:gold}
#contenido a:active {}
#menu {width:150px;float:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferior.gif);background-position:bottom}
#menu li{list-style:none;text-align:center;margin:4px 8px 4px 6px}
#menu h1{text-decoration:none;font-size:12px;color:red;background-image:url(objetos/menu-parte-superior.gif);padding-top:12px}
#menu a {color:blue;text-decoration:none;display:block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:gold;text-decoration:underline;background-color:silver}
#menu a:active {}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height:65px}
#pie li{list-style:none;font-size:13px;margin-top:5px;margin-bottom:2px}
#pieuno {background-color:white;float:left;width:150px}
#piedos {float:left;width:498px;font-siza:20px}
#pietres {background-color:white;float:left;width:150px}
#pie a {color:green;text-decoration:none;display:block;font-size:14px}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black;text-decoration:underline;background-color:white}
#pie a:active {color:black}
a {color:blue;text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:gold;text-decoration:underline;background-color:silver}
a:active {}
h1 {font-size:1.2em;font-weight:bold;text-decoration:underline;text-align:center;color:yellow}
h2 {font-size:1.1em;font-weight:bold;text-decoration:none;text-align:center;color:yellow}
p {text-align:justify}
estilos.css :
body {background-image:url(#); background-repeat:no-repeat; background-position:left}
img {border-style:none}
.centrado {text-align:center}
reset.css
/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;
font-size: 100%;font-family: inherit;vertical-align: baseline}
/* remember to define focus styles! */
:focus {outline: 0}
body {line-height: 1;color: black;background: white}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0}
caption, th, td {text-align: left;font-weight: normal}
blockquote:before, blockquote:after,q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
ESO ES TODO LO KE TENGO PUESTO gracias por la ayuda
un saludooo
en internet explorer se ve de lujo pero en firefox no y kiero ke se vea bien en los dos. esto es lo ke tengo puesto
index.html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Inicio</title>
<link rel="stylesheet" href="reset.css" media="all">
<link rel="stylesheet" href="estilo-general.css" media="all">
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estilos.css" >
<link rel="stylesheet" href="estilo-general.css">
<!-->
</head>
estilo-general.css :
* {margin:0px;padding:0px;border:0px}
body {text-align:center}
#global {width:800px;margin:4px auto}
#curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#curva-inferior {background-image:url(objetos/curva-inferior.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}
#publicidad {width:518px;float:right;margin-top:25px}
#navegacion {background-color:silver;border:black 1px solid;height:20px}
#navegacion li{float:left;list-style:none;margin:0px 15px 0px 15px}
#navegacion ul{margin-left:60px}
#contenido {background-color:#CD0000;color:white;border-left:black 1px solid;border-right:black 1px solid;padding-bottom:30px}
#contenido p {padding:20px 10px 20px 10px;text-indent:15px}
#contenido li {list-style:none;text-align:center}
#contenido a {color:white;text-decoration:none;display:block}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color:black;text-decoration:underline;background-color:gold}
#contenido a:active {}
#menu {width:150px;float:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferior.gif);background-position:bottom}
#menu li{list-style:none;text-align:center;margin:4px 8px 4px 6px}
#menu h1{text-decoration:none;font-size:12px;color:red;background-image:url(objetos/menu-parte-superior.gif);padding-top:12px}
#menu a {color:blue;text-decoration:none;display:block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:gold;text-decoration:underline;background-color:silver}
#menu a:active {}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height:65px}
#pie li{list-style:none;font-size:13px;margin-top:5px;margin-bottom:2px}
#pieuno {background-color:white;float:left;width:150px}
#piedos {float:left;width:498px;font-siza:20px}
#pietres {background-color:white;float:left;width:150px}
#pie a {color:green;text-decoration:none;display:block;font-size:14px}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black;text-decoration:underline;background-color:white}
#pie a:active {color:black}
a {color:blue;text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:gold;text-decoration:underline;background-color:silver}
a:active {}
h1 {font-size:1.2em;font-weight:bold;text-decoration:underline;text-align:center;color:yellow}
h2 {font-size:1.1em;font-weight:bold;text-decoration:none;text-align:center;color:yellow}
p {text-align:justify}
estilos.css :
body {background-image:url(#); background-repeat:no-repeat; background-position:left}
img {border-style:none}
.centrado {text-align:center}
reset.css
/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;
font-size: 100%;font-family: inherit;vertical-align: baseline}
/* remember to define focus styles! */
:focus {outline: 0}
body {line-height: 1;color: black;background: white}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0}
caption, th, td {text-align: left;font-weight: normal}
blockquote:before, blockquote:after,q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
ESO ES TODO LO KE TENGO PUESTO gracias por la ayuda
un saludooo