yo de los pelos...
la cosa es la siguiete
Tengo un div en el cual se recargan todas las paginas (estilo iframe pero lo ocupo con un query de php)... pero en dicho div se me presenta el gran problema del bendito acento y las ñ's.
Obviamente tengo la siguiente linea en mi index
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
la verdad no se que hacer...
intente con poner la misma linea en el html invocado pero nada..
trabajo con una hoja de estilos, index.php y paginas html incluidas en un div contenedor
He aqui mi index
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cadena Laser</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {margin: 0px;padding:0px}
body,td,th {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Estilo1 {
font-size: 15px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div id="wrap">
<div id="header"></div>
<div id="tempcont"></div>
<div id="menucontainer">
<div id="menu">
<ul>
<li><a href="#" class="current"><span>home</span></a></li>
<li><a href="#"><span>Sobre</span></a></li>
<li><a href="#"><span>Noticias</span></a></li>
<li><a href="#"><span>Servicios</span></a></li>
<li><a href="#"><span>Contacto</span></a></li>
</ul>
</div>
</div>
<div id="contenido">
<?php
switch($_REQUEST['web']){
case 'sobre':
include('./htm/sobrenosotros.html');
break;
case 'noticias':
include('./htm/noticias.html');
break;
case 'servicios':
include('./htm/servicios.html');
break;
case 'contacto':
include('./htm/contacto.php');
break;
default:
include('./htm/comienzo.html');}
?>
</div>
<div id="sponsor1"></div>
<div id="sponsor2"></div>
<div id="footer"></div>
</div>
</body>
</html>
Ahora mi hoja de estilos:
Código :
@charset "utf-8";
/* CSS Document */
* {
padding: 0;
margin: 0;
}
body {
font: 12px Verdana;
background:url(imagenes/fondopr.gif) center repeat-y;
margin:0;
padding:0;
}
a {
text-decoration: none;
color: #3B85CA;
}
a:hover { color: #000;}
#wrap
{
margin:0px auto;
width:800px;
padding:5px;
background-color:#999999;
border:2px solid #454545;
}
#header
{
width:800px;
height:150px;
background-image:url(imagenes/headercl.png);
background-repeat:no-repeat;
}
#menucontainer{
width:520px;
height:61px;
padding:0px;
margin:0px;
float:left;
}
#menu{
width:520px;
height:61px;
background:url(imagenes/fm_menu_bg.jpg) repeat-x;
}
#menu ul{
width:80%;
margin:0 auto;
list-style:none;
}
#menu li{
list-style:none;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:61px;
line-height:61px;
margin:0 5px;
}
#menu li a{
display:block;
float:left;
height:61px;
color:#99a2b7;
text-decoration:none;
text-transform:uppercase;
padding:0 5px;
}
#menu li a:hover{
background:url(imagenes/fm_hover_bg.jpg) repeat-x;
color:#fff;
}
#menu li a:hover span, #menu li .current span{
background:url(imagenes/fm_hover_pointer.jpg) no-repeat top;
height:61px;
display:block;
float:left;
}
#menu li .current{
display:block;
float:left;
height:61px;
background:url(imagenes/fm_hover_bg.jpg) repeat-x;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:0 5px;
}
#tempcont{
width:280px;
height:61px;
float:right;
background-image:url(imagenes/fdtemp.jpg);
}
#contenido{
width:795px;
padding:2px;
background-color:white;
}
#sponsor1{
widht:795;
height:200px;
padding:0px;
background-color:#996666;
}
#sponsor2{
widht:795;
height:200px;
padding:0px;
background-color:#996466;
}
#footer{
width:795;
height:80px;
text-align:center;
}Se les agradeceria una ayuda `por favor o una idea de como solucionar este problema
Muchas Gracias
