Comunidad de diseño web y desarrollo en internet online

IE + CSS + base href = caos

Citar            
MensajeEscrito el 05 Jun 2009 06:35 pm
Tengo un grandisimo problema, resulta que estoy haciendo una pagina en la que uso el .htaccess para hacer url amigables y para que funcione bien hay que poner un base href="". Hasta aquí todo correcto, el problema es internet explorer.

Datos:

index.php:

Código HTML :

<base href="http://opiblog.es/canew/" />

.htaccess

Código :

RewriteEngine on
RewriteBase /canew/
RewriteRule ^player/(.+)$ name.php?args=$1 [L]
RewriteRule ^country/(.+)$ index.php?args=$1 [L]
RewriteRule ^api/(.+)$ apigen.php?args=$1 [L]
RewriteRule ^clan/(.+)$ roster.php?clan=$1 [L]

styleIE.css:

Código :

.pages{
   background-color:#333;
   border: 1px solid #666;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   behavior:url(border-radius.htc);
   margin-top:10px;
}

.tableback{
   background-image:url("img/stripe.png");
   border: 2px solid #666;
   margin-top: 60px;
   margin-bottom: 60px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   behavior:url(border-radius.htc);
   padding:12px;
}

#flags {
   float:left;
   background-color:#333; 
   border:1px solid #000; 
   margin-right:10px;
   width:150px;
   text-align:center;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -khtml-border-radius: 6px;
   behavior:url(border-radius.htc);
   padding: 5px;
}

#partners{
   width:160px;
   background-color:#333; 
   border:1px solid #666;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -khtml-border-radius: 6px;
   behavior:url(border-radius.htc);
   float:left;
   margin-left:10px;
}



Bueno pues si accedemos desde IE a esta direccion:
http://www.opiblog.es/canew/

Vemos que no hay esquinas redondeadas y que los background de los div los carga bien, pero si accedemos desde esta otra:
http://opiblog.es/canew/

Carga un borde redondeado y se come los background de los divs que se encuentran dentro.


Si alguien sabe que puede pasar le agradecería muchisimo que me dijera la solucion que yo ya me estoy tirando de los pelos.

Un slaudo!

Por dvil88

5 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 05 Jun 2009 07:21 pm
Puedes redireccionar tu dominio sin www mediante htaccess.

Código :

rewritecond %{http_host} ^tudominio.com [nc]
rewriterule ^(.*)$ http://www.tudominio.com/$1 [r=301,nc]


No sólo para evitar este problema, es conveniente para evitar contenido duplicado en tu sitio. Por ejemplo, si entras a cristalab así http://cristalab.com te redireccionará a http://www.cristalab.com.

Como te lo digo, es conveniente que lo hagas en un punto de vista SEO y además tu problema será resuelto. Pruebalo.
Saludos..

Por ivanfc0o

Claber

391 de clabLevel

3 tutoriales

Genero:Masculino  

Hardcore UI

firefox
Citar            
MensajeEscrito el 06 Jun 2009 10:18 am
Bueno parece que el problema estaba en el border-radius.htc que por alguna extraña razón se cargaba todo el diseño.

Lo de obligar el www esta hecho en la pagina habitual pero como en esa es donde estaba haciendo las pruebas y estaba dentro de una carpeta pues lo quité, pero muchas gracias por tu respuesta.

Por dvil88

5 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.