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:
<!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 »
</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 »
</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 »
</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 »</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 »</div>
<div class="box_background" id="djotw_box">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>EN OBRAS </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="box_bottom"></div>
</div>
</div>
<div id="bottom">
Copyright © <strong>Stereo-Mix.co.cc</strong> 2010
</div>
</div>
</body>
</html>
global.css:
/*
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;
}