Autor Tema: Problema Con Explorer  (Leído 1054 veces)

Desconectado Daniiel

  • PHPer@
  • **
  • Mensajes: 52
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Problema Con Explorer
« en: 08 de Mayo de 2010, 02:21:54 am »
Bueno pues en mi web, con IE se ve diferente que el mozilla, en el mozilla se ve todo bien, pero en IE los titulos de los box se ven centrados y el mensaje del dj no se ve, la web es http://stereo-mix.co.cc/ alguien sabe que pasa, mire is le sobra algun center y no encontre nada y el mensaje del dj tampoco, os dejo los codigos.

index.php:

Código: [Seleccionar]
<!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>StereoMix - La Radio Que Alborota Tus Sentidos</title>
<link rel="shortcut icon" href="_images/favicon.ico">
<link href="_css/global.css" rel="stylesheet" type="text/css" />
<script src="_javascript/lib/prototype.js" type="text/javascript"></script>
<script src="_javascript/src/scriptaculous.js" type="text/javascript"></script>
<script src="_javascript/src/ajax.js" type="text/javascript"></script>
</head>

<body>
<div id="wrapper">
  <div id="top"></div>
  <div id="nav_bar">
<a href="#" onclick="javascript:ajaxpage('chat.php', 'content_box');" id="home"></a>
<a href="foro" target="_blank" id="thehablets"></a>
<a href="#" onclick="javascript:ajaxpage('pedidos.php', 'content_box');" id="news"></a>
        <a href="#" id="radio"></a>
        <a href="#" id="media"></a>
        <a href="#" id="guides"></a>
        <a href="#" id="goodies"></a>
        <a href="#" id="forum"></a>
        <a href="#" id="contacto"></a>
  </div>
    <div id="sub_nav_bar"><marquee direction="left" height="40" scrolldelay="90" scrollamount="6" behavior="scroll" loop="0" style="background-color:transparent;" id="Marquee1">
  <iframe src="djpanel/djmessage.php" frameborder="0" background-color="transparent" allowtransparency="true" height="20" width="940"></iframe></marquee></div>
  <div id="container">
    <div id="left">
    <div id="pink_header" onclick="Effect.toggle('headlines_box', 'slide', { duration: 0.5} );">
        reproductor &raquo;
    </div>
        <div class="box_background" id="headlines_box">
<iframe name="Reproductor" id="InlineFrame1" style="width:235px;height:40px;" src="reproductor/player.php" scrolling="no" frameborder="0">Su navegador no soporta IFrames, utiliza Mozilla Firefox 3 o Internet Explorer 8</iframe><center><a href="reproductor/player.php" target="Reproductor"><img src="_images/recargar.png" id="Image1" alt="" align="top" border="0" style="width:150px;height:29px;"></a><center/>
        </div>
        <div class="box_bottom"></div>
       
        <div id="blue_header" onclick="Effect.toggle('usersystem_box', 'slide', { duration: 0.5} );">
        encuesta &raquo;
    </div>
        <div class="box_background" id="usersystem_box">
<center><iframe name="Encuestas" id="InlineFrame1" style="width:235px;height:200px;" src="encuestas/show_poll.php" scrolling="no" frameborder="0">Su navegador no soporta IFrames, utiliza Mozilla Firefox 3 o Internet Explorer 8</iframe><a href="encuestas/show_poll.php" target="Encuestas"><img src="_images/recargar.png" id="Image1" alt="" align="top" border="0" style="width:150px;height:29px;"></a><center/>
        </div>
        <div class="box_bottom"></div>
       
        <div id="green_header" onclick="Effect.toggle('featured_box', 'slide', { duration: 0.5} );">
        contador de visitas &raquo;
    </div>
        <div class="box_background" id="featured_box">
<center><object id="99counters244814" type="application/x-shockwave-flash" data="http://www.99counters.com/counters.swf?id=244814&ln=es" width="175" height="200" wmode="transparent"><param name="movie" value="http://www.99counters.com/counters.swf?id=244814&ln=es" /><param name="wmode" value="transparent" /><embed src="http://www.99counters.com/counters.swf?id=244814&ln=es" type="application/x-shockwave-flash" wmode="transparent" width="175" height="200"></embed><center/></object>
        </div>
        <div class="box_bottom" style="margin-bottom: 0;"></div>
    </div>
 <div id="content_box">
<?php include ("chat.php");?>
 </div>
   
    <div id="right">
    <div id="grey_header" onclick="Effect.toggle('radio_box', 'slide', { duration: 0.5} );">radio stats &raquo;</div>
        <div class="box_background" id="radio_box">
        <!-- BEGIN SMOWTION TAG - 234x60 - onforo: social networking - DO NOT MODIFY -->
<script type="text/javascript"><!--
smowtion_size = "234x60";
smowtion_section = "815085";
//-->
</script>
<script type="text/javascript"
src="http://ads2.smowtion.com/ad.js">
</script>
<!-- END SMOWTION TAG - 234x60 - onforo: social networking - DO NOT MODIFY -->
        </div>
        <div class="box_bottom"></div>
       
        <div id="lime_header" onclick="Effect.toggle('djotw_box', 'slide', { duration: 0.5} );">publicidad &raquo;</div>
        <div class="box_background" id="djotw_box">
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>EN OBRAS  </p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
        </div>
        <div class="box_bottom"></div>
    </div>
  </div>
  <div id="bottom">
  Copyright &copy; <strong>Stereo-Mix.co.cc</strong> 2010
  </div>
</div>
</body>
</html>




global.css:

Código: [Seleccionar]
/*
LAYOUT DESIGNED & CODED BY JAKE JAMES
YEAHITSJAKE@LIVE.CO.UK
*/

body{
background: url(../_images/backgrounds/blue_background.png);
font-family: "Tahoma", Arial, Verdana;
font-size: 11px;
color: #6a6a65;
margin: 10px;
}

a, a:hover, a:link, a:visited{
font-family: "Tahoma", Arial, Verdana;
font-size: 11px;
font-weight: bold;
color: #6a6a65;
text-decoration: none;
}

input, textarea, select, option{
font-family: "Tahoma", Arial, Verdana;
font-size: 11px;
color: #6a6a65;
border: 1px dashed #6a6a65;
}

p, form, table, tr, td, th{
border: 0;
padding: 0;
margin: 0;
height: auto;
width: auto;
}

img a{
border: 0;
}

div#wrapper{
width: 1003px;
margin: auto;
}

div#top{
background: url(../_images/top.png);
width: 1003px;
height: 175px;
    position: center;
    isplay: block;
margin: auto;
}


div#nav_bar{
background: url(../_images/navigation_bar.png);
width: 939px;
height: 30px;
padding-left: 32px;
padding-right: 32px;
color: #a48500;
}

a#home{
background: url(../_images/navigation/home.png);
width: 69px;
height: 30px;
float: left;
}

a#home:hover{
background: url(../_images/navigation/hover/home.png);
}

a#thehablets{
background: url(../_images/navigation/thehablets.png);
width: 69px;
height: 30px;
float: left;
}

a#thehablets:hover{
background: url(../_images/navigation/hover/thehablets.png);
}

a#news{
background: url(../_images/navigation/news.png);
width: 85px;
height: 30px;
float: left;
}

a#news:hover{
background: url(../_images/navigation/hover/news.png);
}

a#radio{
background: url(../_images/navigation/radio.png);
width: 85px;
height: 30px;
float: left;
}

a#radio:hover{
background: url(../_images/navigation/hover/radio.png);
}

a#media{
background: url(../_images/navigation/media.png);
width: 85px;
height: 30px;
float: left;
}

a#media:hover{
background: url(../_images/navigation/hover/media.png);
}

a#guides{
background: url(../_images/navigation/guides.png);
width: 85px;
height: 30px;
float: left;
}

a#guides:hover{
background: url(../_images/navigation/hover/guides.png);
}

a#goodies{
background: url(../_images/navigation/goodies.png);
width: 85px;
height: 30px;
float: left;
}

a#goodies:hover{
background: url(../_images/navigation/hover/goodies.png);
}

a#forum{
background: url(../_images/navigation/forum.png);
width: 105px;
height: 30px;
float: left;
}

a#forum:hover{
background: url(../_images/navigation/hover/forum.png);
}

a#contacto{
background: url(../_images/navigation/contacto.png);
width: 105px;
height: 30px;
float: left;
}

a#contacto:hover{
background: url(../_images/navigation/hover/contacto.png);
}

div#sub_nav_bar{
background: url(../_images/sub_navigation_bar.png);
width: 933px;
height: 29px;
padding-left: 35px;
padding-right: 35px;
padding-top: 13px;
}

div#sub_nav_bar a{
font-weight: normal;
color: #6a6a65;
padding-left: 5px;
padding-right: 5px;
}

div#container{
background: url(../_images/main_container.png);
width: 961px;
padding-left: 18px;
padding-right: 18px;
padding-top: 8px;
padding-bottom: 8px;
margin: auto;
color: #3f4d50;
overflow: hidden;
}

div#left{
width: 256px;
float: left;
overflow: hidden;
margin-right: 8px;
}

div#blue_header{
background: url(../_images/headers/blue.png);
width: 214px;
height: 26px;
padding-left: 12px;
padding-right: 30px;
padding-top: 10px;
color: #6d98a8;
font-weight: bold;
text-transform: uppercase;
text-shadow: #d4f3ff 1px 1px 0px;
text-decoration: none;
cursor: pointer;
}

div#pink_header{
background: url(../_images/headers/pink.png);
width: 214px;
height: 26px;
padding-left: 12px;
padding-right: 30px;
padding-top: 10px;
color: #bc7777;
font-weight: bold;
text-transform: uppercase;
text-shadow: #fcd7d7 1px 1px 0px;
text-decoration: none;
cursor: pointer;
}

div#green_header{
background: url(../_images/headers/green.png);
width: 214px;
height: 26px;
padding-left: 12px;
padding-right: 30px;
padding-top: 10px;
color: #738a44;
font-weight: bold;
text-transform: uppercase;
text-shadow: #dbecb8 1px 1px 0px;
text-decoration: none;
cursor: pointer;
}

div.box_background{
background: url(../_images/box.png);
width: 236px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 1px;
overflow: hidden;
}

div.box_bottom{
background: url(../_images/box_bottom.png);
width: 256px;
height: 10px;
margin-bottom: 8px;
}

div#middle{
width: 433px;
float: left;
margin-right: 8px;
}

div#content_header{
background: url(../_images/headers/content.png);
width: 391px;
height: 26px;
padding-left: 12px;
padding-right: 30px;
padding-top: 10px;
color: #6d98a8;
font-weight: bold;
text-transform: uppercase;
text-shadow: #d4f3ff 1px 1px 0px;
text-decoration: none;
cursor: pointer;
overflow: hidden;
}

div.content_box{
background: url(../_images/content_box.png);
width: 413px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 1px;
overflow: hidden;
}

div.content_bottom{
background: url(../_images/content_bottom.png);
width: 433px;
height: 8px;
}

div#right{
width: 256px;
float: left;
overflow: hidden;
}

div#grey_header{
background: url(../_images/headers/grey.png);
width: 214px;
height: 26px;
padding-left: 12px;
padding-right: 30px;
padding-top: 10px;
color: #868679;
font-weight: bold;
text-transform: uppercase;
text-shadow: #fffffe 1px 1px 0px;
text-decoration: none;
cursor: pointer;
}

div#lime_header{
background: url(../_images/headers/lime.png);
width: 214px;
height: 26px;
padding-left: 12px;
padding-right: 30px;
padding-top: 10px;
color: #959b6d;
font-weight: bold;
text-transform: uppercase;
text-shadow: #f6ffbd 1px 1px 0px;
text-decoration: none;
cursor: pointer;
}

div#bottom{
background: url(../_images/bottom.png);
width: 973px;
height: 47px;
color: #846b00;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
text-align: right;
}

div.headline1{
background: #e9e9e9;
width: 226px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
cursor: pointer;
}

div.headline2{
background: #f5f5f5;
width: 226px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
cursor: pointer;
}

input.custom{
background: url(../_images/input.png);
width: 223px;
height: 18px;
border: 0;
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
margin-bottom: 3px;
}

input.buttom{
background: url(../_images/login.png);
width: 68px;
height: 24px;
text-align: center;
border: 0;
padding-bottom: 3px;
}

div#shade{
background: url(../_images/shade.png);
width: 405px;
height: 18px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
color: #FFFFFF;
font-weight: normal;
}



Comunidad PHPeros

Problema Con Explorer
« en: 08 de Mayo de 2010, 02:21:54 am »

Desconectado Pituko

  • PHPerit@
  • *
  • Mensajes: 25
  • Karma: 1
  • Sexo: Masculino
  • Hola!!!
    • Ver Perfil
    • Buscá y Puedes Encontrar Hasta Un Hermano Perdido.
Re:Problema Con Explorer
« Respuesta #1 en: 08 de Mayo de 2010, 14:38:44 pm »
Firefox, repara algunos errores cuando se esta viendo la pagina y en IE se mostrarian todos los errores


Ya no más al mc.

Desconectado Daniiel

  • PHPer@
  • **
  • Mensajes: 52
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Problema Con Explorer
« Respuesta #2 en: 08 de Mayo de 2010, 15:58:25 pm »
Eso  ya lo se, pero que hago para que en IE  no salgan esos errores.

Desconectado marco811

  • PHPero Avanzado
  • ****
  • Mensajes: 306
  • Karma: 16
  • Sexo: Masculino
  • ¡¡Hola mundo!!
    • Ver Perfil
    • Personalidad Web
Re:Problema Con Explorer
« Respuesta #3 en: 08 de Mayo de 2010, 18:58:47 pm »
A que version de IE te refieres?

Desconectado xGerald

  • PHPer@
  • **
  • Mensajes: 74
  • Karma: 2
  • Nuev@ PHPer@
    • Ver Perfil
Re:Problema Con Explorer
« Respuesta #4 en: 12 de Mayo de 2010, 21:12:17 pm »
veo todo iwal en los dos navegadores :S

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:Problema Con Explorer
« Respuesta #5 en: 13 de Mayo de 2010, 21:28:47 pm »
Hay un script muy bueno que sirve para "estandarizar" el IE:http://www.2novatos.com/2010/04/30/soluciona-tus-incompatibilidades-con-internet-explorer/.

Espero que te sirva ;).
Saludos.
- Moderador de PHP