Comunidad de diseño web y desarrollo en internet online

Ayuda con pagina web (internet explorer falla), POR FAVOR!!!

Foros de discusión > CSS y HTML

Citar            
MensajeEscrito el 05 Ago 2010 03:25 pm
Hola compañeros, construi una pagina web, ya la termine solo que me sucedio algo muy particular, la pagina se ve excelente en el firefox, pero al verla en el internet explorer la fuente de mis textos crece exajeradamne, alguno podria decirme a que se debe esto y como lo puedo solucionar, he intentado por todos los medios y no lo logro, por favor ayuda!!!!!!!!!!!!!!!

Por emiliox

10 de clabLevel



 

Envíale un mensaje privado    

costa rica

firefox
Citar            
MensajeEscrito el 05 Ago 2010 03:35 pm
podria postear tu codigo aqui amigo, del css? o tu html par ver algunas cosas?

Por Acter-Making

21 de clabLevel



 

Envíale un mensaje privado    

chrome
Citar            
MensajeEscrito el 05 Ago 2010 03:40 pm
este es mi html


<!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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="styles.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
<!--
.Estilo1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Estilo2 {font-size: 12px}
.Estilo3 {color: #000000}
.Estilo4 {font-size: 12px; color: #000000; }
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('shopp2.png')">


<div id="container">
<div id="banner">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1174" height="175">
<param name="movie" value="asdecefa.swf" />
<param name="quality" value="high" />
<embed src="asdecefa.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1174" height="175"></embed>
</object>
</div>
<div id="menu_horizontal">
<div id="menu"><div class="barraMenu">
<a class="botonMenu" href="">Opción 1</a>
<a class="botonMenu" href="">Opción 2</a>
<a class="botonMenu" href="">Opción 3</a>
<a class="botonMenu" href="">Opción 4</a>
<a class="botonMenu" href="">Opción 5</a>
<a class="botonMenu" href="">Opción 6</a>
<a class="botonMenu" href="">Opción 7</a>
</div>
</div>
</div>


<div id="izquierda">
<div id="morado">
<div class="header">Morado</div>
<ul>
<li ><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
</ul>

</div>

<div id="naranja">
<div class="header">Naranja</div>
<ul>
<li ><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
</ul>

</div>

<div id="celeste">
<div class="header">Celeste</div>
<ul>
<li ><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li ><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
</ul>

</div>

<div id="amarillo">
<div class="header">Amarillo</div>
<ul>
<li ><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
</ul>
</div>

</div>
</div>

<div id="centro">
<div id='recuadroLeft'><div class='morado'>

</div></div>

<div id='recuadroRight'><div class='morado'>

</div></div>

<div id='recuadroHorizontal'><div class='morado'>


</div></div>

</div>


<div id="derecha">
<div id="spacer1">
</div>
<div id="shoopincart"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','shopp2.png',1)"><img src="shopp.png" name="Image1" width="220" height="40" border="0" id="Image1" /></a>
</div>
<div id="spacer">
</div>
<div id="noticias">
</div>
<div id="noticias2">
</div>
<div id="spacer2">
</div>
<div id="anuncios">
</div>
<div id="anuncios2">
</div>
</div>

<div id="abajo">
</div>
</body>
</html>

Por emiliox

10 de clabLevel



 

Envíale un mensaje privado    

costa rica

firefox
Citar            
MensajeEscrito el 05 Ago 2010 04:33 pm
ahhhhhhhhhhh, ayudenme por favor!!!!!!!!!!!!

Por emiliox

10 de clabLevel



 

Envíale un mensaje privado    

costa rica

firefox
Citar            
MensajeEscrito el 05 Ago 2010 04:51 pm
Prueba a poner los estilos en un css aparte y sacalos del HTML

Por Zeromm

23 de clabLevel



 

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 05 Ago 2010 04:55 pm
También te diría que probaras en otro ordenador que no sea el tuyo, ya que seguramente sea una configuración que tienes en tú explorer.

Por Zeromm

23 de clabLevel



 

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 05 Ago 2010 07:37 pm
hey amigo pero tu pagina web no tiene estilo css por lo visto CUALQUIER CONFIGURACION DE UN INTERNET pues tomaria la font que ella tenga predeterminadamente creo que tu debes de agregarle estilos a tu divs tienes classes y esas cosas pero nada tiene estilo ahi problema ahi....

PERMITEME A CLARARTE ALGO CON EL PERMISO DE "ZEROMM" TIENEES RAZON... QUE VERSION DE INTET EXPLORER TIENES QUE LO PRUEBAS Y "EL A CLARAMIENTO ES CERCA (SABES DE CSS)"

BYE

Por Acter-Making

21 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 05 Ago 2010 08:27 pm
Por cierto, en el css tienes sin cerrar un estilo de clase:

.Estilo2 {font-size: 12px}

Sería:

.Estilo2 {font-size: 12px;}

Aunque por lo que veo en el codigo HTML no haces referencia a esa clase, borra todos los estilos que no uses, realentizan la web y hacen que luego te vaya a ser más complicado corregir cosas.

Por Zeromm

23 de clabLevel



 

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 05 Ago 2010 10:54 pm
Si se de css, aca lo tengo tambien, el compañero solo me pidio que posteara el html, por eso solo subi ese archivo, gracias no me habia dado cuenta de que estaba esos sin cerrar muchas gracias, ahora bien, ya lo probe en otra computadora y me da el mismo error, el problema es solo en la fuente, la agranda com 3px más y aún no se porque seguire intentando amigos, muchisimas gracias por su ayuda y apenas encuentre la solucion con gusto se los hare saber, y si alguien la encuentra primero que yo, por favor hagamelo saber, MUCHISIMAS GRACIAS!!!!

Por emiliox

10 de clabLevel



 

Envíale un mensaje privado    

costa rica

firefox
Citar            
MensajeEscrito el 05 Ago 2010 11:29 pm
eso no importa que no este cerrado ese estilo css... si hubiera mas estilo en .estilo2 tendria que estar cerrado pero si no hay mas por que ahi que cerrarlo... Pruebalo y veras... Pero "emilio" te dire algo tienes que agregarle estilos a los divs

ejemplo::::: probas a ver si es verdad que internet explorer te quitara el estilo y lo pondra como le guste??? a ver!!!!
<style type="text/css">
div#marron {font:bold; font-family:verdana; font-size: 19px} y

</styles>
<div id="marron">Cosas y Cosas</div>

GRACIAS AMIGO POR COMPORTIR LA IDEA SI LO ENCUENTRA PERO PRUEBA LO QUE TE DOY A VER ALGO??? Y DEVUELVES

Por Acter-Making

21 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 06 Ago 2010 07:12 am
Prueba lo siguiente, eso si, este truco solo funciona si la versión del explorer es inferior a la 8.

Añadele a todos los selectores que tengan una propiedad de tamaño de fuente el simbolo * delante, y en ese selector, juega con el tamaño hasta que se vea bien en el explorer. Este truco solo funciona en el explorer, ya que el resto de navegadores lo obvia, y repito que solo funciona hasta la versión 8 no incluida. Esto sería un ejemplo con tus estilos internos:

ESTE ES TU CSS INTERNO:

<style type="text/css">
<!--
.Estilo1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Estilo2 {font-size: 12px}
.Estilo3 {color: #000000}
.Estilo4 {font-size: 12px; color: #000000; }
-->
</style>


Y ESTE SERÍA EL CSS CON HACIENDOLO COMO TE COMENTO:

<style type="text/css">
<!--
.Estilo1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
*font-size: 10px; <!-- ES EN ESTA DECLARACIÓN EN LA QUE TIENES QUE IR CAMBIANDO EL TAMAÑO HASTA QUE SE VEA BIEN EN EL EXPLORER, TIENES QUE JUGAR HASTA QUE SE VEA CORRECTAMENTE-->
}
.Estilo2 {font-size: 12px; *font-size: 10px; }
.Estilo3 {color: #000000}
.Estilo4 {font-size: 12px; *font-size: 12px; color: #000000; }
-->
</style>

A ver si así lo arreglas

Por Zeromm

23 de clabLevel



 

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 07 Ago 2010 05:31 am
asi mismo es que le digo a todos los selectores le pone eso que dices zeromm y listo!!!!

Por Acter-Making

21 de clabLevel



 

Envíale un mensaje privado    

chrome
Citar            
MensajeEscrito el 07 Ago 2010 05:46 am
yo acostumbro a usar un reset que algunos de los mas famosos frameworks de CSS construyen, no se qué tan "buena práctica" sea eso, pero esos resets son mágicos a la hora de disminuir problemas de maquetación entre navegadores.

El que yo uso es Blueprint, por lo general, llamo primero "reset.css" y luego "typography". Tal vez con "typography" se le arreglen los problemas de tamaños!

Para instalarlos, nada mas baja el paquete que ofrece el sitio y usa los archivos que he comentado.

Por gosunkugi

Claber

251 de clabLevel

1 tutorial

Genero:Masculino  

Envíale un mensaje privado     Web

Kuri - frontend dev - XueZhongWen!

safari
Foros de discusión > CSS y HTML

   Página 1 de 1

 

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