Hola amigos de CCTW.
Mi problema es que hace unos días coloque un par de Div para que flotaran, uno a la derecha y otro a la izquierda. Desde ese día el pie de pag de mi web ya no lo veo.
Aquí les dejo el código del index de la web:
==================================================================</p>
<div id="escuela">
<h2 aling="center">Comentario de Escuela Sabática Pr. Bullon</h2>
UN PUEBLO EN MARCHA: El libro de Números</p>
Lección 11: INMORALIDAD EN LA FRONTERA</p>
<embed src="http://www.4shared.com/embed/148234273/24fdab51" width="320" height="200" allowfullscreen="true" allowscriptaccess="always"></embed>
============================================</p>
</div>
<div id="chatbox">
<h3>Escribe tus pedidos de oración, agradecimientos y saludos</h3>
<div style="text-align: center;" id="cboxdiv" line-height: 0">
<div> <iframe frameborder = "0" width = "270" height = "220" src = "http://www7.cbox.ws/box/?boxid=18998&boxtag=ql88xn&sec=main" marginheight = "2" marginwidth = "2" scrolling = "auto" allowtransparency = "yes" name = "cboxmain" style = "border: 1px solid # DBE2ED;" id = "cboxmain"> </ iframe> </ div>
<div> <iframe frameborder = "0" width = "270" height = "80" src = "http://www7.cbox.ws/box/?boxid=18998&boxtag=ql88xn&sec=form" marginheight = "2" marginwidth = "2" scrolling = "no" allowtransparency = "yes" name = "cboxform" style = "border: 1px solid # DBE2ED; border-top: 0px" id = "cboxform"> </ iframe>
</ div>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Enlaces Contactos Pág amigas
</div>
<div id="piedos" style="WIDTH: 546px; HEIGHT: 36px">
Página creada bajo los parámetros de</p>CCTW - Por IDVA - <ul>
[correo eliminado]</p>
Todos los Derechos Reservados</p>
</div>
<div id="pietres">
Directorio TopSite Mapa de la Web
</div>
</div><div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</font></font>
</body>
</html>
Y Aquí les dejo la hoja de estilos para la página:
* {margin:0px ; padding:0px ; border: 0px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:850px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ;width:850px ;height: 12px;overflow : hidden }
#cabecera { background-image:url(objetos/fondito.jpg) ; border-left: black 1px solid ; border-right: black 1px solid ; height:80px}
#logotipo {width:247px; float:left}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-image: url(objetos/fondi.jpg) ; border: black 1px solid ; height:19px}
#navegacion li {float:left ; list-style:none ; margin: 0px 7px 0px 7px }
#navegacion ul { margin-left: 22px }
#contenido {background-image: url(objetos/fondito.jpg) ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 5px 0px 5px; text-indent: 15px}
h4 {font.size: 1.1em; color:red ; font-weight: bold;text-decoration: none ; text-align: center}
/* Código del menu izquierdo */
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 { font-size:15px; background-image: url(objetos/menu-parte-superior.gif)}
/*lecciones en audio*/
#lecciones {width: 150px ; float:center ;
text-align:centert ; margin: 3px 10px 3px 3px ;
background-color:"white" ;
background-position: bottom; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
/*lecciones escritas*/
#lecciones1 {width: 850px ; float:center ;
text-align:center ; margin: 3px 3px 3px 3px ;
background-color:"white" ;
background-position: bottom; padding-bottom:5px }
/* Código del comentario*/
#escuela {width: 400px ; float:left ;
text-align:center ; margin: 3px 10px 3px 3px ; background-position: bottom; padding-bottom:5px }
/*Código del chatbox */
#chatbox {width: 300px ; right:left ;
text-align:center ; margin: 3px 3px 3px 10px ; background-position: bottom; padding-bottom:5px }
/* Código del menu derecho */
#menu1 {width: 150px ; float:right ;
text-align:left ; margin: 3px 3px 3px 10px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 8px 4px 9px}
#menu1 h1 { font-size:15px; background-image: url(objetos/menu-parte-superior.gif)}
a {color:brown;text-decoration:none ; display: block }
a:link{}
a:visited {}
a:hover{color:red;text-decoration:underline ; background-color: silver}
a:active{}
#pie { background-image: url(objetos/fondito.jpg) ; aling:center;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid; height: 70px }
#pie li {list-style: none }
#pieuno {float:left;width:150px }
#piedos {float:left;width:398px;font-size:10px}
#pietres { float:right; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat ;width:850px ;height: 15px;overflow : hidden }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
La dirección de la página es esta:
Ah, aprovecho la oportunidad para que también me orienten sobre que debo hacer para que la Web se vea bien en todos los navegadores, ya que solo en Internet Explorer es que "se ve bien".
Gracias por su apoyo.
Bye
Mi problema es que hace unos días coloque un par de Div para que flotaran, uno a la derecha y otro a la izquierda. Desde ese día el pie de pag de mi web ya no lo veo.
Aquí les dejo el código del index de la web:
==================================================================</p>
<div id="escuela">
<h2 aling="center">Comentario de Escuela Sabática Pr. Bullon</h2>
UN PUEBLO EN MARCHA: El libro de Números</p>
Lección 11: INMORALIDAD EN LA FRONTERA</p>
<embed src="http://www.4shared.com/embed/148234273/24fdab51" width="320" height="200" allowfullscreen="true" allowscriptaccess="always"></embed>
============================================</p>
</div>
<div id="chatbox">
<h3>Escribe tus pedidos de oración, agradecimientos y saludos</h3>
<div style="text-align: center;" id="cboxdiv" line-height: 0">
<div> <iframe frameborder = "0" width = "270" height = "220" src = "http://www7.cbox.ws/box/?boxid=18998&boxtag=ql88xn&sec=main" marginheight = "2" marginwidth = "2" scrolling = "auto" allowtransparency = "yes" name = "cboxmain" style = "border: 1px solid # DBE2ED;" id = "cboxmain"> </ iframe> </ div>
<div> <iframe frameborder = "0" width = "270" height = "80" src = "http://www7.cbox.ws/box/?boxid=18998&boxtag=ql88xn&sec=form" marginheight = "2" marginwidth = "2" scrolling = "no" allowtransparency = "yes" name = "cboxform" style = "border: 1px solid # DBE2ED; border-top: 0px" id = "cboxform"> </ iframe>
</ div>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos" style="WIDTH: 546px; HEIGHT: 36px">
Página creada bajo los parámetros de</p>CCTW - Por IDVA - <ul>
[correo eliminado]</p>
Todos los Derechos Reservados</p>
</div>
<div id="pietres">
</div>
</div><div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</font></font>
</body>
</html>
Y Aquí les dejo la hoja de estilos para la página:
* {margin:0px ; padding:0px ; border: 0px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:850px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ;width:850px ;height: 12px;overflow : hidden }
#cabecera { background-image:url(objetos/fondito.jpg) ; border-left: black 1px solid ; border-right: black 1px solid ; height:80px}
#logotipo {width:247px; float:left}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-image: url(objetos/fondi.jpg) ; border: black 1px solid ; height:19px}
#navegacion li {float:left ; list-style:none ; margin: 0px 7px 0px 7px }
#navegacion ul { margin-left: 22px }
#contenido {background-image: url(objetos/fondito.jpg) ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 5px 0px 5px; text-indent: 15px}
h4 {font.size: 1.1em; color:red ; font-weight: bold;text-decoration: none ; text-align: center}
/* Código del menu izquierdo */
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 { font-size:15px; background-image: url(objetos/menu-parte-superior.gif)}
/*lecciones en audio*/
#lecciones {width: 150px ; float:center ;
text-align:centert ; margin: 3px 10px 3px 3px ;
background-color:"white" ;
background-position: bottom; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
/*lecciones escritas*/
#lecciones1 {width: 850px ; float:center ;
text-align:center ; margin: 3px 3px 3px 3px ;
background-color:"white" ;
background-position: bottom; padding-bottom:5px }
/* Código del comentario*/
#escuela {width: 400px ; float:left ;
text-align:center ; margin: 3px 10px 3px 3px ; background-position: bottom; padding-bottom:5px }
/*Código del chatbox */
#chatbox {width: 300px ; right:left ;
text-align:center ; margin: 3px 3px 3px 10px ; background-position: bottom; padding-bottom:5px }
/* Código del menu derecho */
#menu1 {width: 150px ; float:right ;
text-align:left ; margin: 3px 3px 3px 10px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 8px 4px 9px}
#menu1 h1 { font-size:15px; background-image: url(objetos/menu-parte-superior.gif)}
a {color:brown;text-decoration:none ; display: block }
a:link{}
a:visited {}
a:hover{color:red;text-decoration:underline ; background-color: silver}
a:active{}
#pie { background-image: url(objetos/fondito.jpg) ; aling:center;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid; height: 70px }
#pie li {list-style: none }
#pieuno {float:left;width:150px }
#piedos {float:left;width:398px;font-size:10px}
#pietres { float:right; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat ;width:850px ;height: 15px;overflow : hidden }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
La dirección de la página es esta:
Ah, aprovecho la oportunidad para que también me orienten sobre que debo hacer para que la Web se vea bien en todos los navegadores, ya que solo en Internet Explorer es que "se ve bien".
Gracias por su apoyo.
Bye