...

View Full Version : css not rendering in IE, but ok in FF. help please *solved*



unapluma
07-27-2005, 10:38 PM
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:



/* 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:




<!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

_Aerospace_Eng_
07-27-2005, 11:15 PM
change this

#content {
margin: 30px 0px 0px 0px;
padding: 0px;
width: auto;
position: relative;
clear: both;
}
to this

#content {
margin: 30px 0px 0px 0px;
padding: 0px;
width: auto;
clear: both;
}

unapluma
07-27-2005, 11:20 PM
may the html gods and spirits forever bless you!

:thumbsup:

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum