Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    css not rendering in IE, but ok in FF. help please *solved*

    Hi guys, ji was wondering if someone could lend me a helping hand, i would very very very very much appreciate it.

    my layout renders nicely on FF, but the entire "#content" portion seems to be hidden/not showing up in IE. i've been running around this looking for a solution and nothing has helped.

    url: http://unapluma.net/principito/index2.html

    css:
    Code:
    /* INDEX 2*/
    
    /*
    ----------------------------------------------------------------------------------------------------
      Body
    ----------------------------------------------------------------------------------------------------
    */
    body       {
                background: #fff url("images/gradient.gif") repeat-x; 
                text-align: center;  /* IE5 Hack */
                font: 11px arial; color: #315BA2;
                padding: 0px 0px 0px 0px; 
                margin: 0px;
               }
    
    /*
    ----------------------------------------------------------------------------------------------------
    	Main Page Container
    ----------------------------------------------------------------------------------------------------
    */
    
    #page {
    	text-align: left;
    	background: #CADFED;
    	border-left: 1px solid #BBBDBF;
    	border-right: 1px solid #BBBDBF;	
    	margin:	0px auto;
    	padding: 0px;
    	width: 755px;
    	height: 100%;
    	position: relative;
    	overflow: hidden;
    }
    
    
    /*
    ----------------------------------------------------------------------------------------------------
    	Header
    ----------------------------------------------------------------------------------------------------
    */
    
    #header01    {
    	    position: relative;
    	    width: 182px;
    	    height: 112px;
    	    margin: 0px;
    	    padding: 0px;
    	    background: url("images/header01.gif") no-repeat;
    	    clear: both;
    	    	   }
    	   
    	                
    #header02    {
    	    position: relative;
    	    width: 578px;
    	    height: 112px;
    	    margin: 0px;
    	    padding: 0px;
    	    background: url("images/header02.gif") no-repeat;
    	    clear: both;
    	    
    	    }
    
    /*
    ----------------------------------------------------------------------------------------------------
    	Navigation / Menu
    ----------------------------------------------------------------------------------------------------
    */
    #menu { position: absolute; left: 0px; top: 112px; z-index: 100; }
    #nav a { text-decoration: none; font: bold 10px arial; color: #ffffff; } 
    #nav li li a { font: bold 10px arial; color: #315BA2; }
    #nav li li a:hover { font: bold 10px arial; color: #315BA2; }
    
    ul { background-color: #315BA2; padding: 0; margin: 0; list-style-type: none; text-align: center; }
    li { font: normal 10px arial; color: #ffffff; float: left; position: relative; width: 125px; border: 4px solid #fff; border-width: 4px 0; background-color: #315BA2;}
    li ul { display: none; position: absolute; top: 1em; left: 0; }
    li > ul { top: auto; left: auto; }
    li:hover ul, li.over ul { display: block; }
    li li { background-color: #fff; text-align: left; padding-left: 2px; } 
    li#last { border-right-width: 2px; }
    li#first { border-left-width: 2px; }
    
    
    /*
    ----------------------------------------------------------------------------------------------------
    	Content Container
    ----------------------------------------------------------------------------------------------------
    */
    #content {
    	margin:			30px 0px 0px 0px;
    	padding:		0px;
    	width:			auto;
    	position:		relative;
    	clear:			both;
    	
    }
               
               
    /*
    ----------------------------------------------------------------------------------------------------
    	Main Content, Text and Information
    ----------------------------------------------------------------------------------------------------
    */
    
    #pictureboxes {
                  position: relative;
                  float: right;
                  width: 237px;
                  height: 341px;
                  background: url("images/boxes_right.jpg") no-repeat;
                  margin: 0px;
                  padding: 0px 10px 0px 0px;
                  }
    
    	   
    #textcontent    {
    		 position: relative;
    		 float: left;
    		 margin: 0px;
    		 padding: 5px 0px 0px 20px;
    		 width: 480px;
    		 height: 100%;
    		 background: url("images/text_box_top_stroke.jpg") repeat-y;
    		 
    		 
    		}
    
    #textcontent p { 
    	        font: 11px/150% arial; color: #315BA2; 
    	        width: 400px; 
    	        margin: 0px;
    	        
    	        }
    
    #boxbottom   {
    	      position: relative;
    	      float: left;
    	      width: 480px;
    	      height: 25px;
    	      margin: 0px;
    	      padding: 0px 0px 10px 0px;
    	      background: url("images/text_box_bottom.jpg") no-repeat;
    	      }
    
    #rose   { 
    	 position: relative;
    	 float: left;
    	 width: 39px;
    	 height: 59px;
    	 background: url("images/rose.jpg") no-repeat; 
    	 	  }
    
    /*
    ----------------------------------------------------------------------------------------------------
    	Footer
    ----------------------------------------------------------------------------------------------------
    */	      
    		
    #footer    {
    	    position: relative;
    	    background: #315BA2;
    	    width: auto;
    	    height: 14px;
    	    text-align: center;
    	    margin: 0px;
    	    padding: 0px;
    	    clear: both;
    	   }		
    
    #footer p { font: bold 10px arial; color: #ffffff; }
    
    
    /*
    ----------------------------------------------------------------------------------------------------
    	HTML Content Styles
    ----------------------------------------------------------------------------------------------------
    */
    
    h1 { font: bold 13px/190% arial; color: #315BA2; width: 380px; }
    h2 { font: bold 12px/150% arial; color: #315BA2; }
    p { font: 11px arial; color: #315BA2; }


    HTML:


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <head>
        <title>El Principito /// Jardin Infantil y Escuela Maternal</title>
    <link rel="styleSheet" href="style02.css" type="text/css" />
    <script type="text/javascript"><!--//--><![CDATA[//><!--
    startList = function() {
    	if (document.all&&document.getElementById) {
    		navRoot = document.getElementById("nav");
    		for (i=0; i<navRoot.childNodes.length; i++) {
    			node = navRoot.childNodes[i];
    			if (node.nodeName=="LI") {
    				node.onmouseover=function() {
    					this.className+=" over";
    				}
    				node.onmouseout=function() {
    					this.className=this.className.replace(" over", "");
    				}
    			}
    		}
    	}
    }
    window.onload=startList;
    
    //--><!]]></script>
      </head>
    
    <body>
    <div id="page">
    
    <!-- Header -->
    <div id="header01"></div>
    <!-- Navigation -->
    <div id="menu">
    <ul id="nav">
      <li id="first"><a href="quienessomos.php">¿Quienes Somos?</a>
        <ul>
          <li><a href="quienessomos.php">Overview</a></li>
          <li><a href="quienessomos.php">Misión</a></li>
          <li><a href="quienessomos.php">Visión</a></li>
          <li><a href="quienessomos.php">Historia</a></li>
        </ul>
      </li>
    
      <li><a href="programasyservicios.php">Programas y Servicios</a>
        <ul>
          <li><a href="programasyservicios.php">Curriculum por Edades</a></li>
          <li><a href="programasyservicios.php">Talleres a Padres</a></li>
          <li><a href="programasyservicios.php">Actividades Extracurriculares</a></li>
          <li><a href="programasyservicios.php">Nutrición</a></li>
          <li><a href="programasyservicios.php">Transporte</a></li>
          <li><a href="programasyservicios.php">Emergencias</a></li>
        </ul>
      </li>
    
      <li><a href="ventajasycalidad.php">Ventajas y Calidad</a>
        <ul>
          <li><a href="ventajasycalidad.php">Nuestra Filosofía</a></li>
          <li><a href="ventajasycalidad.php">Modelo Educativo</a></li>
          <li><a href="ventajasycalidad.php">Recurso Humano</a></li>
          <li><a href="ventajasycalidad.php">Diseño de Instalaciones</a></li>
          <li><a href="ventajasycalidad.php">Checklist de Calidad</a></li>
        </ul>
      </li>
    
      <li><a href="sitios.php">Sitios de Interés</a>
        <ul>
          <li><a href="sitios.php">Premios, prensa</a></li>
          <li><a href="sitios.php">Convenios</a></li>
          <li><a href="sitios.php">Colegios</a></li>
          <li><a href="sitios.php">Asociaciones</a></li>
          <li><a href="sitios.php">Fundaciones</a></li>
        </ul>
      </li>
    
      <li><a href="touryfotos.php">Tour y Fotos</a>
        <ul>
          <li><a href="touryfotos.php">Fotos Niños</a></li>
          <li><a href="touryfotos.php">Mapa del Tour</a></li>
          <li><a href="touryfotos.php">Fotos Instalaciones</a></li>
        </ul>
      </li>
    
      <li id="last"><a href="contacto.php">Contáctenos</a>
        <ul>
          <li><a href="contacto.php">Registracion</a></li>
          <li><a href="contacto.php">Teléfono</a></li>
          <li><a href="contacto.php">Dirección</a></li>
          <li><a href="contacto.php">Correo Electrónico</a></li>
          <li><a href="contacto.php">FAQ's</a></li>
        </ul>
      </li>
    </ul>
    </div>
    
    
    <!-- Content Container -->
    <div id="content">
    
    <div id="pictureboxes"></div>
    <!-- Information and Text -->
    <div id="textcontent">
    <div id="rose"></div>
    <h1><span>BIENVENIDOS</span></h1>
    <p><span>
    Nosotros sabemos lo importante que es encontrar el cuidado de su niño/a en el que ud confíe, y un preescolar que sobrepase sus expectativas. Es por eso que estamos aquí! <br />
    EL PRINCIPITO ha creado un universo donde los infantes encuentran seguridad, amor, estimulación, y motivación para aprender. Año tras año seguimos demostrándoles a los padres de familia por que somos los líderes cuando de educación temprana y cuidado de los niños se trata. Nuestro Jardín Infantil y Escuela Maternal, ofrece excelencia y calidad en los programas educativos y  de desarrollo del infante, que se encuentran enfocados en el amor, la salud, seguridad, y desarrollo integral del niño/a. Los invitamos a descubrir nuestro mundo.
    
    Nosotros sabemos lo importante que es encontrar el cuidado de su niño/a en el que ud confíe, y un preescolar que sobrepase sus expectativas. Es por eso que estamos aquí! <br />
    EL PRINCIPITO ha creado un universo donde los infantes encuentran seguridad, amor, estimulación, y motivación para aprender. Año tras año seguimos demostrándoles a los padres de familia por que somos los líderes cuando de educación temprana y cuidado de los niños se trata. Nuestro Jardín Infantil y Escuela Maternal, ofrece excelencia y calidad en los programas educativos y  de desarrollo del infante, que se encuentran enfocados en el amor, la salud, seguridad, y desarrollo integral del niño/a. Los invitamos a descubrir nuestro mundo.
    
    Nosotros sabemos lo importante que es encontrar el cuidado de su niño/a en el que ud confíe, y un preescolar que sobrepase sus expectativas. Es por eso que estamos aquí! <br />
    EL PRINCIPITO ha creado un universo donde los infantes encuentran seguridad, amor, estimulación, y motivación para aprender. Año tras año seguimos demostrándoles a los padres de familia por que somos los líderes cuando de educación temprana y cuidado de los niños se trata. Nuestro Jardín Infantil y Escuela Maternal, ofrece excelencia y calidad en los programas educativos y  de desarrollo del infante, que se encuentran enfocados en el amor, la salud, seguridad, y desarrollo integral del niño/a. Los invitamos a descubrir nuestro mundo.
    
    Nosotros sabemos lo importante que es encontrar el cuidado de su niño/a en el que ud confíe, y un preescolar que sobrepase sus expectativas. Es por eso que estamos aquí! <br />
    EL PRINCIPITO ha creado un universo donde los infantes encuentran seguridad, amor, estimulación, y motivación para aprender. Año tras año seguimos demostrándoles a los padres de familia por que somos los líderes cuando de educación temprana y cuidado de los niños se trata. Nuestro Jardín Infantil y Escuela Maternal, ofrece excelencia y calidad en los programas educativos y  de desarrollo del infante, que se encuentran enfocados en el amor, la salud, seguridad, y desarrollo integral del niño/a. Los invitamos a descubrir nuestro mundo.
    
    Nosotros sabemos lo importante que es encontrar el cuidado de su niño/a en el que ud confíe, y un preescolar que sobrepase sus expectativas. Es por eso que estamos aquí! <br />
    EL PRINCIPITO ha creado un universo donde los infantes encuentran seguridad, amor, estimulación, y motivación para aprender. Año tras año seguimos demostrándoles a los padres de familia por que somos los líderes cuando de educación temprana y cuidado de los niños se trata. Nuestro Jardín Infantil y Escuela Maternal, ofrece excelencia y calidad en los programas educativos y  de desarrollo del infante, que se encuentran enfocados en el amor, la salud, seguridad, y desarrollo integral del niño/a. Los invitamos a descubrir nuestro mundo.
    
    Nosotros sabemos lo importante que es encontrar el cuidado de su niño/a en el que ud confíe, y un preescolar que sobrepase sus expectativas. Es por eso que estamos aquí! <br />
    EL PRINCIPITO ha creado un universo donde los infantes encuentran seguridad, amor, estimulación, y motivación para aprender. Año tras año seguimos demostrándoles a los padres de familia por que somos los líderes cuando de educación temprana y cuidado de los niños se trata. Nuestro Jardín Infantil y Escuela Maternal, ofrece excelencia y calidad en los programas educativos y  de desarrollo del infante, que se encuentran enfocados en el amor, la salud, seguridad, y desarrollo integral del niño/a. Los invitamos a descubrir nuestro mundo.
    </span></p>
    </div>
    <div id="boxbottom"></div>
    
    <!-- Footer -->
    <div id="footer">
    <p><span>Todos los derechos reservados, Jardin Infantil El Principito. 2005</span></p>
    </div>
    
    </div>
    
    </div>
    </body>
    </html>

    THANKS! <3
    Last edited by unapluma; 07-27-2005 at 10:24 PM. Reason: solved! :D

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    change this
    Code:
    #content {
    	margin:			30px 0px 0px 0px;
    	padding:		0px;
    	width:			auto;
    	position:		relative;
    	clear:			both;
    }
    to this
    Code:
    #content {
    	margin:			30px 0px 0px 0px;
    	padding:		0px;
    	width:			auto;
    	clear:			both;
    }

  • #3
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    may the html gods and spirits forever bless you!



    thank you so much!!!!!!!!!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •