Solved

Problem viewing file in IE 7

Posted on 2010-09-20
10
341 Views
Last Modified: 2012-05-10
Im using a mac. to preview the file in ie im using netrenderer in the attached image you can see how it looks. Can anyone tell me how to fix it.
Picture-1.png
0
Comment
Question by:saul_roldan
10 Comments
 

Expert Comment

by:sujilesh
Comment Utility
Hai Roldan

Can you show me your HTML & CSS code..

Regards
Sujilesh
0
 

Author Comment

by:saul_roldan
Comment Utility
In the code section I attach the Html code.

This is the Menu code:

<?php
      
      $pages = array('index.php'=> 'Inicio',
                           'salaInvest.php' => 'Sala de Investigacion',
                           'estudiosBiblicos.php'=> 'Estudios Biblicos',
                           'biblioteca.php' => 'Biblioteca',
                           'sermones.php' => 'Sermones');

      
      
function insertMenu($pages, $pageID) {
  foreach ($pages as $file => $listing) {
    echo '<li';
    // if the current filename and array key match, insert ID
    if (basename($_SERVER['SCRIPT_FILENAME']) == $file) {
      echo " id='$pageID'><a href='javascript:;'>";
      }
    else {
      echo "><a href='$file'>";
      }
    echo "$listing</a></li>\n";
    }
  }


?>

___________________CSS____________________

#navBar {
      margin-left: 213px;
      list-style-type: none;
      height: 20px;

}
#navBar a    {
      display: block;
      background-image: url(../../images/BarraNav.jpg);
      background-repeat: repeat-x;
      padding-top: 5px;
      padding-right: 10px;
      padding-bottom: 5px;
      padding-left: 10px;
      border-right-width: 1px;
      border-bottom-width: 2px;
      border-left-width: 1px;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-right-color: #2A1F55;
      border-bottom-color: #009FAA;
      border-left-color: #FFFFFF;
      
}


#navBar a    {
      float: left;
      color: #000000;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      text-decoration: none;
      text-align: center;
}

#navBar a:hover  {
      color: #FFFFFF;
      background-repeat: repeat-x;
      background-image: url(../../images/backgNavRollOver.jpg);
}
#thispage a:link, #thispage a:visited, #thispage a:hover,#thispage a:active {
      color: #FFFFFF;
      background-image: url(../../images/backgNavRollOver.jpg);
      background-repeat: repeat-x;
      background-position: 0px 0px;
}






<?php require_once('Connections/newWeb.php'); 
include('includes/theValueFunction.php');?>
<?php
mysql_select_db($database_newWeb, $newWeb);
$query_rs_indexNav = "SELECT id FROM indexCont ORDER BY id ASC";
$rs_indexNav = mysql_query($query_rs_indexNav, $newWeb) or die(mysql_error());
$row_rs_indexNav = mysql_fetch_assoc($rs_indexNav);
$totalRows_rs_indexNav = mysql_num_rows($rs_indexNav);
mysql_select_db($database_newWeb, $newWeb);
$query_rs_libros = "SELECT * FROM libros ORDER BY libro_id ASC";
$rs_libros = mysql_query($query_rs_libros, $newWeb) or die(mysql_error());
$row_rs_libros = mysql_fetch_assoc($rs_libros);
$totalRows_rs_libros = mysql_num_rows($rs_libros);

$colname_rs_indexCont = "1";//el programa pone -1 para que la pagina aparesca en blanco. cambiarlo al id de la pagina que se desea aparesca
if (isset($_GET['page'])) {
  $colname_rs_indexCont = $_GET['page'];
}
mysql_select_db($database_newWeb, $newWeb);
$query_rs_indexCont = sprintf("SELECT versArticulo FROM indexCont WHERE id = %s", GetSQLValueString($colname_rs_indexCont, "int"));
$rs_indexCont = mysql_query($query_rs_indexCont, $newWeb) or die(mysql_error());
$row_rs_indexCont = mysql_fetch_assoc($rs_indexCont);
$totalRows_rs_indexCont = mysql_num_rows($rs_indexCont);

?>
<!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"><!-- InstanceBegin template="/Templates/JDtemplate.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="google-site-verification" content="ZjqbupxU1PbRgvB-GUlq7D7WJDN3gBa7G1AMcSHjUKM" />
<?php include("includes/meta.php"); ?>
<META name="description" content="solo por fe, solo por gracia, solo por cristo" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>justicia de Dios, salvacion, justicia por la fe, gracia, cristo</title>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel3.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<link href="Css_files2/global.css" rel="stylesheet" type="text/css"/>
<link href="newCss/New_global.css" rel="stylesheet" />

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="Css_files/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"/>
<?php include("includes/navmenu.php");?>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="contenedor">
        <ul id='navBar'>
                <?php insertMenu($pages,'thispage');?>
        </ul>
        <!-- InstanceBeginEditable name="naveArticulos" -->
        <div id="navBarArticu">
                <div id="indexnavBarArtic">
                        <a href="?page=1&lt;1">Artículos</a>
                        <a href="?page=2">Quiénes Somos</a>
                        <a href="?page=3">Iglesias</a>
                        <a href="?page=4">Noticias</a>
                </div>
        </div>
        <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="recibidorArticulo" -->
        <div id="recibidorArticulo">
                <div id="IzquierdaCol">
                        <?php echo $row_rs_indexCont['versArticulo']; ?>
                </div>
                <div id="ColDerecha">
                        <p class="BarraDivisora"> Libros a la venta</p>
                        <div id="libros">
                                <?php do { ?>
                                        <a href="formaOrdLibro.php?libro_id=<?php echo $row_rs_libros['libro_id'];?>"><img src="images/<?php echo $row_rs_libros['image']; ?>" 
                    alt="<?php echo $row_rs_libros['alt_nombre']; ?>" width="98" height="152" class="libros" /></a>
                                        <?php }while ($row_rs_libros = mysql_fetch_assoc($rs_libros)); ?>
                                <div class="clear">
                                </div>
                        </div>
                        <div class="BarraDivisora">
                                Programa Radial
                        </div>
                        <p class="caption"><img src="images/wapalogo.jpg" alt="wapalogo" /></p>
                        <p class="caption">Todos los domingos a las 8:30 (hora de Puerto Rico) <strong><a href="http://st3.unored.com/waparadio" class="Links">Presione Aquí para escuchar el Programa</a>
                        </strong></p>
                        <h1>Radio Wisa </h1>
                        <p class="caption">Todos los martes a las 9:00 pm</p>
                        <p class="caption"><strong><a href="http://www.wisa1390.com/" class="Links">Presione Aquí; para escuchar el Programa</a>
                        </strong></p>
                        <!--
    ARCHIVO
-->
                        <ul class="archivo">
                                <!--<hr/>-->
                                <p class="BarraDivisora">Artículos recientes</p>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=19"  >• La Gracia: Combustible del Amor</a>
                                </li>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=16" >• El Matrimonio en el Contexto del Evangelio</a>
                                </li>
                                <li><a class="lee_completo" href="../biblioteca.php?capID=47&bibliosID=8">• Jehová nuestra santificación</a>
                                </li>
                                <li><a class="lee_completo" href="../biblioteca.php?capID=47&bibliosID=8">• Qué es un cristiano</a>
                                </li>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=25">• Lenguas angelicales</a>
                                </li>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=18">• El Jesús de los hombres malos vs el "Jesús de los hombres buenos</a>
                                </li>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=20">• El Espíritu del nuevo Adán</a>
                                </li>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=21">• La morada del Espíritu</a>
                                </li>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=22">• La morada del Espíritu y la resurreción</a>
                                </li>
                                <li><a class="lee_completo" href="../biblioteca.php?capID=47&bibliosID=8">• El Espíritu en la controversia judío-gentil</a>
                                </li>
                        </ul>
                </div>
        </div>
        <!-- InstanceEndEditable -->
        <div id="auspicia">
                <?php require_once('includes/PiedePagina.php'); ?>
        </div>
</div>
;
</body>
<!-- InstanceEnd --></html>

Open in new window

0
 
LVL 7

Expert Comment

by:frankky
Comment Utility
Do you have an actual link to the page,  it would be alot simpler to debug it for you.
0
 

Author Comment

by:saul_roldan
Comment Utility
0
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
Please check this out...
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.justiciadedios.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

i am fairly sure the issue is related to "block" or "inline" styling in the links, but you might want to get valid HTML and then look at the styling issues.  The site looks fine in Firefox and IE8, and I do not have IE7 to test with.  Have you seen this issue in IE7 or just in the net-render program?
0
 

Author Comment

by:saul_roldan
Comment Utility
I dont have pc thats why Im using net-render program. But I have seen the problem in pc computer using IE7
0
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
Comment Utility
Two of IE7's problems can be fixed with CSS.

The third is because only <li>s may be direct children of a <ul>. To fix it requires making changes to the XHTML. I recommend you remove the <ul>s and <li>s that are used in the section of the misplaced <h1>s and <p>s. Use a <div> in place of the <ul>.

Here are the CSS changes to fix the first two issues. The first rule is new, the other is a replacement.
#navBar li {
  float: left;
}

#IzquierdaCol {
  width: 540px;
  border-right: 1px dotted #663;
  padding-right: 15px;
  float: left;
  margin-left: 59px;
}

Open in new window

0
 

Author Comment

by:saul_roldan
Comment Utility
I am trying  out your suggestions.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now