Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win


Problem viewing file in IE 7

Posted on 2010-09-20
Medium Priority
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.
Question by:saul_roldan
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Expert Comment

ID: 33722855
Hai Roldan

Can you show me your HTML & CSS code..


Author Comment

ID: 33723894
In the code section I attach the Html code.

This is the Menu code:

      $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";



#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'); 
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" -->
<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 -->
<div id="contenedor">
        <ul id='navBar'>
                <?php insertMenu($pages,'thispage');?>
        <!-- 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>
        <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="recibidorArticulo" -->
        <div id="recibidorArticulo">
                <div id="IzquierdaCol">
                        <?php echo $row_rs_indexCont['versArticulo']; ?>
                <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 class="BarraDivisora">
                                Programa Radial
                        <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>
                        <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>
                        <ul class="archivo">
                                <p class="BarraDivisora">Artículos recientes</p>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=19"  >• La Gracia: Combustible del Amor</a>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=16" >• El Matrimonio en el Contexto del Evangelio</a>
                                <li><a class="lee_completo" href="../biblioteca.php?capID=47&bibliosID=8">• Jehová nuestra santificación</a>
                                <li><a class="lee_completo" href="../biblioteca.php?capID=47&bibliosID=8">• Qué es un cristiano</a>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=25">• Lenguas angelicales</a>
                                <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><a class="lee_completo" href="../estudiosBiblicos.php?id=20">• El Espíritu del nuevo Adán</a>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=21">• La morada del Espíritu</a>
                                <li><a class="lee_completo" href="../estudiosBiblicos.php?id=22">• La morada del Espíritu y la resurreción</a>
                                <li><a class="lee_completo" href="../biblioteca.php?capID=47&bibliosID=8">• El Espíritu en la controversia judío-gentil</a>
        <!-- InstanceEndEditable -->
        <div id="auspicia">
                <?php require_once('includes/PiedePagina.php'); ?>
<!-- InstanceEnd --></html>

Open in new window


Expert Comment

ID: 33735764
Do you have an actual link to the page,  it would be alot simpler to debug it for you.
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

LVL 111

Expert Comment

by:Ray Paseur
ID: 33738061
Please check this out...

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?

Author Comment

ID: 33738665
I dont have pc thats why Im using net-render program. But I have seen the problem in pc computer using IE7
LVL 43

Accepted Solution

David S. earned 2000 total points
ID: 33739271
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


Author Comment

ID: 33876929
I am trying  out your suggestions.

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

618 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