Foros del Web » Creando para Internet » CSS »

Problema con IE y Agenda PHP

Estas en el tema de Problema con IE y Agenda PHP en el foro de CSS en Foros del Web. Hola tengo una agenda en php que funciona bien en firefox pero al parecer con IE, opera y otros navegadores mas no me muestra la ...
  #1 (permalink)  
Antiguo 11/11/2009, 21:07
Avatar de iimeh  
Fecha de Ingreso: septiembre-2009
Mensajes: 25
Antigüedad: 8 años, 2 meses
Puntos: 2
Problema con IE y Agenda PHP

Hola tengo una agenda en php que funciona bien en firefox pero al parecer con IE, opera y otros navegadores mas no me muestra la celda de la tabla cuando hay un evento y por consiguiente no me muestra el div del evento, ya revise y la verdad estoy atorado me serviria mil su ayuda.
<?php
//Database connection details
$host = "localhost";
$mysql_user = "xxxxxxxx";
$mysql_password = "xxxxxx";
$mysql_db = "xxxxxxxxx";

//make connection with mysql and select the database
$mysql_connect = mysql_connect($host, $mysql_user, $mysql_password);
$db_select = mysql_select_db($mysql_db);

//check if time is set in the URL
if(isset($_GET['time']))
$time = $_GET['time'];
else
$time = time();


$today = date("Y/n/j", time());

$current_month = date("n", $time);

$current_year = date("Y", $time);

$current_month_text = date("F Y", $time);

$total_days_of_current_month = date("t", $time);

$events = array();

//query the database for events between the first date of the month and the last of date of month
$result = mysql_query("SELECT DATE_FORMAT(eventDate,'%d') AS day,eventContent,eventTitle FROM eventcal WHERE eventDate BETWEEN '$current_year/$current_month/01' AND '$current_year/$current_month/$total_days_of_current_month'");

while($row_event = mysql_fetch_object($result))
{
//loading the $events array with evenTitle and eventContent inside the <span> and <li>. We will add then inside <ul> in the calender
$events[intval($row_event->day)] .= '<li><span class="title">'.stripslashes($row_event->eventTitle). "</span><span class=desc>".stripslashes($row_event->eventContent)."</span>";
}

$first_day_of_month = mktime(0,0,0,$current_month,1,$current_year);

//geting Numeric representation of the day of the week for first day of the month. 0 (for Sunday) through 6 (for Saturday).
$first_w_of_month = date("w", $first_day_of_month);

//how many rows will be in the calendar to show the dates
$total_rows = ceil(($total_days_of_current_month + $first_w_of_month)/7);

//trick to show empty cell in the first row if the month doesn't start from Sunday
$day = -$first_w_of_month;


$next_month = mktime(0,0,0,$current_month+1,1,$current_year);
$next_month_text = date("F \'y", $next_month);

$previous_month = mktime(0,0,0,$current_month-1,1,$current_year);
$previous_month_text = date("F \'y", $previous_month);

$next_year = mktime(0,0,0,$current_month,1,$current_year+1);
$next_year_text = date("F \'y", $next_year);

$previous_year = mktime(0,0,0,$current_month,1,$current_year-1);
$previous_year_text = date("F \'y", $previous_year);

?>

este es el codigo CSS--------------------------------------

.tablebible {
border-collapse: separate;
border: 1px solid #9DABCE;
border-width: 0px 0px 1px 1px;
margin: 3px auto;
font-size: 20px;
}
.tablecontentbible {
border-collapse: separate;
background-color: #477ccd;
border: 1px solid #9DABCE;
border-width: 0px 0px 1px 1px;
margin: 3px auto;
font-size: 13px;
-moz-border-radius: 10px;
width:691px;
padding: 1px;
}
.tablebible td{
width: 97px;
height: 60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font: bolder;
text-align: left;
vertical-align: top;
background-color:#FFFFFF;
color: #000000;
position: relative;
border:1px solid #0066CC;
border-left:0;
border-bottom:0;
padding: 2px;
}
.tablebible th {
height: 30px;
background-color: #E1EFF0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
border:1px solid #0066CC;
border-left:0;
}
.tablebible td:hover{
color: #000000;
background-color:#CCCCCC;
font: bolder;
}
.tablebible td.date_has_event {
color: #000000;
background-color:#CCCCCC;
}
.tablebible td.date_has_event:hover {
background-position: 162px -81px;
}
.tablebible td.padding {
background-color: #EDEEF3;
}
.tablebible td.today {
color: black;
border: 3px solid #0066CC;
}
td.today:hover {
background-position: 81px -81px;
}
.events {
position: absolute;
}
.events ul {
text-align: left;
position: absolute;
display: none;
z-index: 1000;
padding: 15px;
background: #E7ECF2 url(img/popup.png) no-repeat;
color: white;
border: 1px solid white;
font-size: 15px;
width: 200px;
height:70px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
list-style: none;
color: #444444;
-webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
padding-bottom: 5px;
}
.events li span {
display: block;
font-size: 11px;
text-align: justify;
color: #555;
}
.events li span.title {
font-weight: bold;
color: #222;
}

.tablebible th a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color: #000;
outline-width:0;
}

y por ultimo el codigo que genera la tabla que es donde tengo el problema
------------------------------------------------------------------------------------------------------------------------------------
<table border="0" cellspacing="0" class="tablebible">
<thead>
<tr>
<th><center>Domingo</center></th>
<th><center>Lunes</center></th>
<th><center>Martes</center></th>
<th><center>Miércoles</center></th>
<th><center>Jueves</center></th>
<th><center>Viernes</center></th>
<th><center>Sábado</center></th>
</tr>
</thead>
<tr>
<?php
for($i=0; $i< $total_rows; $i++)
{
for($j=0; $j<7;$j++)
{
$day++;

if($day>0 && $day<=$total_days_of_current_month)
{
//YYYY-MM-DD date format
$date_form = "$current_year/$current_month/$day";

echo '<td';

//check if the date is today
if($date_form == $today)
{
echo ' class="today"';
}

//check if any event stored for the date
if(array_key_exists($day,$events))
{
//adding the date_has_event class to the <td> and close it
echo '<div class="date_has_event"><strong><font color="red">'.$day.'</font></strong>';

//adding the eventTitle and eventContent wrapped inside <span> & <li> to <ul>
echo '<div class="events"><ul><strong>'.$events[$day].'</strong></ul></div>';
}
else
{
//if there is not event on that date then just close the <td> tag
echo '> '.$day;
}

echo "</td>";
}
else
{
//showing empty cells in the first and last row
echo '<td class="padding">&nbsp;</td>';
}
}
echo "</tr><tr>";
}

?>
</tr>
<tfoot>
<th>
<a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$previous_year?>" title="<?=$previous_year_text?>">&laquo;&laquo;</a> </th>
<th>
<a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$previous_month?>" title="<?=$previous_month_text?>">&laquo;</a> </th>
<th><a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$next_month?>" title="<?=$next_month_text?>">&raquo;</a></th>
<th><a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$next_year?>" title="<?=$next_year_text?>">&raquo;&raquo;</a></th>
<th>&nbsp;</th>
<th>
<a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$next_month?>" title="<?=$next_month_text?>"></a> </th>
<th>
<a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$next_year?>" title="<?=$next_year_text?>"></a> </th>
</tfoot>
</table>
-----------------------------------------------------------------------------------------
espero puedan ayudarme.............
  #2 (permalink)  
Antiguo 12/11/2009, 08:19
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Problema con IE y Agenda PHP

Que muestre en un navegador y en otro no, ya no es problema de PHP, ya que PHP corre en el servidor, no en el navegador que use el usuario. Vas a tener que ver el css para que veas que es lo que pasa. Te sugiero que esperes a que un moderador te mueva al foro correspondiente.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 14/11/2009, 20:07
Avatar de iimeh  
Fecha de Ingreso: septiembre-2009
Mensajes: 25
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: Problema con IE y Agenda PHP

ok bno gracias por tu consejo pero ia encontre media solucion y aunke si tenias razon no es del php, es de el php k incrusta la tabla

--------------------------------------------------------------------------------------------------
codigo original

//check if the date is today
if($date_form == $today)
{
echo ' class="today"';
}

//check if any event stored for the date
if(array_key_exists($day,$events))
{
//adding the date_has_event class to the <td> and close it
echo '<div class="date_has_event"><font color="red"><strong>'.$day.'</strong></font>';

//adding the eventTitle and eventContent wrapped inside <span> & <li> to <ul>
echo '<div class="events"><ul><strong>'.$events[$day].'</strong></ul></div></td>';
}
else

-----------------------------------------------------------------------------
la linea anterior hay k cambiarla por esta

//check if the date is today
if($date_form == $today)
{
echo ' class="today>"';
}

//check if any event stored for the date
if(array_key_exists($day,$events))
{
//adding the date_has_event class to the <td> and close it
echo ' class="date_has_event"><font color="red"><strong>'.$day.'</strong></font>';

//adding the eventTitle and eventContent wrapped inside <span> & <li> to <ul>
echo '<div class="events"><ul><strong>'.$events[$day].'</strong></ul></div></td>';
}
else

hay k recordar dejar el spacio en la clase date event porque si no quedaria

<tdclass=xxxxxxxx> y esta sentencia no existe debe quedar <td class=xxx> a mi me paso y me hiso sufrir jajajaja


ahora el ultimo detalle ocurre k en IE no se ve los div arriba de la tabla es decir k cada evento se ve cortado por la siguiente celda estoy deacuerdo k debe ser en el css ese problema pero seguire buscando o esperar a k me muevan de foro, cualkier cosa les aviso si keda
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:44.