Buenas noche, tengo la página bastante avanzada, pero me ha surgido un nuevo problema. Estoy intentando solucionar los problemas que tengo con firefox, pero no me aclaro: he hecho casi todo lo que me indica en el foro. He creado tres hojas de estilo: una para ie, otra los demás y un reset. Las imágenes de casaroca y casasimon me sobresalen por la capa y por el pie. barbatealquiler.comocreartuweb.es. Tengo unas dudas: cómo realizo los cambios, primero los hago en la carpeta local y luego lo subo a la carpeta azul;luego, ¿tan solo toco la hoja de estilo y dejo intacta estilo.ie?
Os dejo la casaroca.html, y estilo.css, A ver si alguien me puede ayudar. Gracias
CASAROCA HTML
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>CASA ROCA</title>
<link rel="stylesheet" href="../reset.css" media="all" />
<link rel="stylesheet" href="../estilo.css" media="all" />
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="../estilo-ie.css" />
<!-->
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR - -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="../objetos/logotipo.png" width="275"
height="175" alt="Alquiler Barbate"></a></div>
<div id="publicidad"><img src="objetos/torretajo.png" width= "508" height="175" alt="alquiler barbate"></div>
</div>
<div id="navegacion">
<ul>
<li><a href="#">¿Dónde comer?</a></li><li><a href="#">Fiestas</a></li><li><a href="#">Playas</a></li><li><a href="#">Rutas</a></li><li><a href="#">Pueblos cercanos</a></li><li><a href="#">Establecimientos</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="menu">
<h1>CASA ROCA</h1>
<ul><li><a href="#">DESCRIPCIÓN Y FOTOS</a></li><li><a href="precioroca.html">PRECIOS</a></li><li><a href="disponibilidadroca.html">CALENDARIO DE DISPONIBILIDAD</a><li><a href="../index.html">PORTADA</a></a></ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>CASA ROCA</h1>
<h1>DESCRIPCIÓN Y FOTOS</h1>
<h2>Temporadas vacacionales y escolar</h2>
<p>CASA ROCA es una vivienda de planta baja e independiente. La distribución de la casa es: cocina, comedor, dormitorio con cama de matrimonio y baño; en la planta alta, terraza y buharda-estudio con cama individual. Tiene capacidad para tres personas. </p>
<p>Situada en el centro del pueblo: calle Nardos, 16. A 150 metros de la playa del Carmen y del paseo marítimo; cerca se encuentran el mercado de abasto,centros comerciales y bares típicos de la zona</p>
<div id="casaroca"><img src="objetos/calle.png" width="380px" height="250px" alt="ENTRADA"></div>
<div id="casasimon"><img src="objetos/azotea.png"width="380px" height="250px" alt="TERRAZA"></div>
<p> En el menú lateral encontrarás un calendario de disponibilidad, el precio y condiciones del alquiler</p>
<p> </p>
<div id="casaroca"><img src="objetos/cocina.png" width="380px" height="250px" alt="COCINA"></div>
<div id="casasimon"><img src="objetos/comedor.png" width="380px" height="250px" alt="COMEDOR"></div>
<div id="casaroca"><img src="objetos/dormitorio.png" width="380px" height="250px" alt="DORMITORIO"></div>
<div id="casasimon"><img src="objetos/baño.png" width="380px" height="250px" alt="BAÑO"></div>
<div id="casaroca"><img src="objetos/buharda.png" width="380px" height="250px" alt="BUHARDA"></div>
<h2> COMODIDADES</h2>
<p>En la casa podrás encontrar:</p>
<p>- Frigorífico</p>
<p>- Microonda</p>
<p>- Lavadora</p>
<p>- Menaje </p>
<p>- Televisor</p>
<h2> SE ADMITEN MASCOTAS<h2>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Agradecimientos</a></li><li><a href="#">Empresas amigas</a></li><li><a href="<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?hl=es&georestrict=input_srcid:7de74d…"></iframe><br /><small><a href="http://maps.google.es/maps?hl=es&georestrict=input_srcid:7de74d…" style="color:#0000FF;text-align:center;font-size:20px">Ver mapa de la zona</a></small></a></li>
</ul>
</div>
<div id="piedos"><a href="../contacto.html"><img src="../objetos/arrobanimada.gif" width="60"><p><h2>CONTACTE CON NOSOTROS</h2></p></div>
<div id="pietres">
<p>©</p>
<p>F. López</p>
<p>2011</p>
</div>
</div>
<!-- FIN CODIGO PIE PAGINA -->
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILO.CSS
* { text-ident:0px; margin:0px ; padding:0px ; border:0px}
p{text-align:justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center;margin: 10px 5px 5px 10px}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center;background-color:#CCEEFF;
background-image: url(objetos/espumademar.gif);
background-repeat: no-repeat ;
background-position: 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;}
#cabecera {background-color: white; border-lef:black 1px solid;
border-right:black 1px solid;heihgt: 195 px;}
#logotipo { width:275px; float:left;border:1px solid;margin: 1px 1px 1px 1px;padding:0px 0px 0px 0px}}
#publicidad { width:513px; float:right;font-size: 16px;border:1px solid;margin: 1px 1px 1px 1px;padding:0px 0px 0px 0px}}
#navegacion {background-color:#40E0D0; border: black 1px solid; height: 20px;}
#navegacion li {float:left;list-style:none;,margin:0px 2px 0px 2px}
#navegacion ul { margin-left: 60px }
#contenido {background-color:#87CEFA;border-left:black 1px solid;
border-right:black 1px solid;padding:20px 0px 0px 0px}
#contenido p {margin: 5px 10px 0px 10px; text-indent: 15px}
#casaroca {width:100px; float:left; border:1px solid;margin: 10px 5px 5px 10px;padding:0px 0px 0px 0px}
#casasimon {width:370px; float:right; border:1px solid;margin: 10px 5px 5px 10px}
#contacto{margin: 10px 5px 5px 10px;padding:0px 0px 0px 0px }
#table{margin:10px 5px 5px 10px;padding:0px 0px 0px 0px}
#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);}
#disponibilidad h1 {text-decoration:none;font-size:20px;padding-top:40px 0px 40px 0px; text-align: center}
#precios h1 {text-decoration:none;font-size:20px;padding-top:40px; text-align: center}
#pie {background-color:#FFDEAD;border-left: black 1px solid;
border-right: black 1px solid; margin:20px 0px 0px 0px;padding:20px 0px 0px opx;
border-top: black 1px solid;height: 140px;}
#pie li{list-style:none; font-size:12px}
#pieuno{float:left; width:150px;}
#piedos{float:left;width:498px}
#pietres{float:right;width:150px;font-size:12px}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow: hidden;}
a {color:brown;text-decoration:none; display:block}
a: link {}
a: visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a{color: blue;text-decoration:none; display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black;text-decoration:underline;background-color:white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Os dejo la casaroca.html, y estilo.css, A ver si alguien me puede ayudar. Gracias
CASAROCA HTML
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>CASA ROCA</title>
<link rel="stylesheet" href="../reset.css" media="all" />
<link rel="stylesheet" href="../estilo.css" media="all" />
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="../estilo-ie.css" />
<!-->
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR - -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="../objetos/logotipo.png" width="275"
height="175" alt="Alquiler Barbate"></a></div>
<div id="publicidad"><img src="objetos/torretajo.png" width= "508" height="175" alt="alquiler barbate"></div>
</div>
<div id="navegacion">
<ul>
<li><a href="#">¿Dónde comer?</a></li><li><a href="#">Fiestas</a></li><li><a href="#">Playas</a></li><li><a href="#">Rutas</a></li><li><a href="#">Pueblos cercanos</a></li><li><a href="#">Establecimientos</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="menu">
<h1>CASA ROCA</h1>
<ul><li><a href="#">DESCRIPCIÓN Y FOTOS</a></li><li><a href="precioroca.html">PRECIOS</a></li><li><a href="disponibilidadroca.html">CALENDARIO DE DISPONIBILIDAD</a><li><a href="../index.html">PORTADA</a></a></ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>CASA ROCA</h1>
<h1>DESCRIPCIÓN Y FOTOS</h1>
<h2>Temporadas vacacionales y escolar</h2>
<p>CASA ROCA es una vivienda de planta baja e independiente. La distribución de la casa es: cocina, comedor, dormitorio con cama de matrimonio y baño; en la planta alta, terraza y buharda-estudio con cama individual. Tiene capacidad para tres personas. </p>
<p>Situada en el centro del pueblo: calle Nardos, 16. A 150 metros de la playa del Carmen y del paseo marítimo; cerca se encuentran el mercado de abasto,centros comerciales y bares típicos de la zona</p>
<div id="casaroca"><img src="objetos/calle.png" width="380px" height="250px" alt="ENTRADA"></div>
<div id="casasimon"><img src="objetos/azotea.png"width="380px" height="250px" alt="TERRAZA"></div>
<p> En el menú lateral encontrarás un calendario de disponibilidad, el precio y condiciones del alquiler</p>
<p> </p>
<div id="casaroca"><img src="objetos/cocina.png" width="380px" height="250px" alt="COCINA"></div>
<div id="casasimon"><img src="objetos/comedor.png" width="380px" height="250px" alt="COMEDOR"></div>
<div id="casaroca"><img src="objetos/dormitorio.png" width="380px" height="250px" alt="DORMITORIO"></div>
<div id="casasimon"><img src="objetos/baño.png" width="380px" height="250px" alt="BAÑO"></div>
<div id="casaroca"><img src="objetos/buharda.png" width="380px" height="250px" alt="BUHARDA"></div>
<h2> COMODIDADES</h2>
<p>En la casa podrás encontrar:</p>
<p>- Frigorífico</p>
<p>- Microonda</p>
<p>- Lavadora</p>
<p>- Menaje </p>
<p>- Televisor</p>
<h2> SE ADMITEN MASCOTAS<h2>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Agradecimientos</a></li><li><a href="#">Empresas amigas</a></li><li><a href="<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?hl=es&georestrict=input_srcid:7de74d…"></iframe><br /><small><a href="http://maps.google.es/maps?hl=es&georestrict=input_srcid:7de74d…" style="color:#0000FF;text-align:center;font-size:20px">Ver mapa de la zona</a></small></a></li>
</ul>
</div>
<div id="piedos"><a href="../contacto.html"><img src="../objetos/arrobanimada.gif" width="60"><p><h2>CONTACTE CON NOSOTROS</h2></p></div>
<div id="pietres">
<p>©</p>
<p>F. López</p>
<p>2011</p>
</div>
</div>
<!-- FIN CODIGO PIE PAGINA -->
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILO.CSS
* { text-ident:0px; margin:0px ; padding:0px ; border:0px}
p{text-align:justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center;margin: 10px 5px 5px 10px}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center;background-color:#CCEEFF;
background-image: url(objetos/espumademar.gif);
background-repeat: no-repeat ;
background-position: 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;}
#cabecera {background-color: white; border-lef:black 1px solid;
border-right:black 1px solid;heihgt: 195 px;}
#logotipo { width:275px; float:left;border:1px solid;margin: 1px 1px 1px 1px;padding:0px 0px 0px 0px}}
#publicidad { width:513px; float:right;font-size: 16px;border:1px solid;margin: 1px 1px 1px 1px;padding:0px 0px 0px 0px}}
#navegacion {background-color:#40E0D0; border: black 1px solid; height: 20px;}
#navegacion li {float:left;list-style:none;,margin:0px 2px 0px 2px}
#navegacion ul { margin-left: 60px }
#contenido {background-color:#87CEFA;border-left:black 1px solid;
border-right:black 1px solid;padding:20px 0px 0px 0px}
#contenido p {margin: 5px 10px 0px 10px; text-indent: 15px}
#casaroca {width:100px; float:left; border:1px solid;margin: 10px 5px 5px 10px;padding:0px 0px 0px 0px}
#casasimon {width:370px; float:right; border:1px solid;margin: 10px 5px 5px 10px}
#contacto{margin: 10px 5px 5px 10px;padding:0px 0px 0px 0px }
#table{margin:10px 5px 5px 10px;padding:0px 0px 0px 0px}
#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);}
#disponibilidad h1 {text-decoration:none;font-size:20px;padding-top:40px 0px 40px 0px; text-align: center}
#precios h1 {text-decoration:none;font-size:20px;padding-top:40px; text-align: center}
#pie {background-color:#FFDEAD;border-left: black 1px solid;
border-right: black 1px solid; margin:20px 0px 0px 0px;padding:20px 0px 0px opx;
border-top: black 1px solid;height: 140px;}
#pie li{list-style:none; font-size:12px}
#pieuno{float:left; width:150px;}
#piedos{float:left;width:498px}
#pietres{float:right;width:150px;font-size:12px}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow: hidden;}
a {color:brown;text-decoration:none; display:block}
a: link {}
a: visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a{color: blue;text-decoration:none; display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black;text-decoration:underline;background-color:white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}