Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

jajajajajajajaja naah no pasa nada, a veces tanto codigo nos nubla la vista XD

salu2!

Todo correcto Hquinn!

Salu2 otra vez 

Hola de nuevo chema!

ya probe el codigo y funciona de maravilla! tu clase esta bien comentada y bien escrita !

Salu2!!

Chiiiiicos!! ya pude solucionarlo finalmente:

Resulta ser que como les dije, el código para centrar la pagina entera me generaba ese molesto espacio en blanco en el pie de la pagina.

Y esta fue la solución a mi problema.. el código definitivo para centrar tu pagina web para todos los navegadores (O eso creo yo jajaja!):
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -500px;
  margin-left: -675px;

¿Qué significa? o ¿Qué se supone que hiciste?

*La posición es absoluta para que el div capture todo el contenido dentro de el.
*top y left al 50% (lo que hace esto es correr el div a tu derecha inferior).
*Y por ultimo el margin-top y margin-left:
*Para asignarle valor al margin-top necesitaras dividir el alto de tu div (height) entre 2. Si nunca le asignaste el height al div (como me paso a mi  ... ), facil, simplemente sumas el height de cada caja de tu pagina (header, body, footer) y eso dará el alto (height) total de la pagina.
*Por ultimo, para el margin-left que seria el ancho de tu pagina (width) es lo mismo, divides el ancho del div entre 2. Si tampoco le asignaste un width al div, supongo que todas tus cajas (header, body, footer) deben tener el mismo ancho no?. (Y si no, divide el ancho de la caja mas grande de tu pagina, aunque creo que no saldrá totalmente simétrico eh...)

Quizá vuelva aquí con mas preguntas ... jeje

Buenos dias!!!

Estoy haciendo una pagina web (practicando) como se puede apreciar... corri la pagina (con el servidor que hice de byethost xd) y pude apreciar que en google chrome corre perfecto (Ordenador tanto como el móvil..) pero, a la hora de probarlo usando el navegador Internet Explorer, aparece dicho espacio en blanco en el pie de la pagina.. :/ (igual pasa al usar el navegador nativo de mi celular, el espacio maldito aparece!)... he intentado muchas sugerencias de varios lados pero lastimosamente ninguna me funciona...

¿Que tendria que insertarle a este CSS?
body{background-color:#87CEFA;}

p{margin: 20px;}

#centrar{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#header{
background-color: #FACC2E;
background-image: url(http://i.imgur.com/JzP6Z3C.jpg);
height: 150px;
width: 1350px;
border-radius: 50px 10px 50px 10px;
box-shadow: 2px 2px 2px 2px #AEB404;
position: relative;
z-index: 0;
}

#hed{
background-color: #F4E000;
border-right: 5px solid #DBA901;
border-left: 5px solid #DBA901;
margin-left: 50px;
width: 200px;
height: 150px;
position: relative;
z-index: 1;
}

#titulo{
height: 30px;
background-color: #F1FF9A;
margin-top: 14px;
border-top: 5px solid #DBA901;
border-bottom: 5px solid #DBA901;
}

#tet{
       text-align:center;
       font-family: Garamond;
       color: darkred;
       margin-top: 35px;
       margin-left: 170px;
}

#bloque{
height: 381px;
background-color: #F1FF9A;
        background-image: url(http://www.fondosypantallas.com/wp-content/uploads/2010/10/nubes-sobre-mar.jpg);
margin-top: 17px;
border-top: 5px solid darkred;
border-bottom: 5px solid darkred;
box-shadow: inset 3px 0px 3px 0px #AEB404;
}

#reloj{
       background-color: #FFF2C6;
       height: 150px;
       border: 2px solid #FACA20;
}

#item{
text-decoration:none;
text-align:center;
padding:11px 32px;
-webkit-border-radius:50px 0px 50px 0px;
border-radius: 50px 0px 50px 0px;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:50px; 
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
background-color:#f5bb29;
background-image: -moz-linear-gradient(top, #f5bb29 0%, #f2e127 100%);
background-image: -webkit-linear-gradient(top, #f5bb29 0%, #f2e127 100%);
background-image: -o-linear-gradient(top, #f5bb29 0%, #f2e127 100%);
background-image: -ms-linear-gradient(top, #f5bb29 0% ,#f2e127 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e127', endColorstr='#f2e127',GradientType=0 );
background-image: linear-gradient(top, #f5bb29 0% ,#f2e127 100%);   
width: 100px;
margin-left: 20px;
margin-top: 20px;
box-shadow: 2px 2px 2px 2px #FF8000;
}

a{text-decoration:none;}

#link{text-decoration: none; color: #8A0808;}
#titulo:hover{background-color: #F4FA58;}
#item:hover{background-color: #F5DA81; box-shadow: 2px 2px 2px 2px #8A0808;}
#link:hover{color: #F56565;}

#bady{
background-color: #FACC2E;
height: 700px;
width: 1350px;
border-radius: 10px 50px 10px 50px;
box-shadow: 2px 2px 2px 2px #AEB404;
}

#menu{
background-color: #F4E000;
border-right: 5px solid #DBA901;
border-left: 5px solid #DBA901;
margin-left: 50px;
width: 200px;
height: 700px;
position: relative;
z-index: 50;
}

#seccion{
width: 100%;
height: 100px;
background-color: #F4E000;
border-top: 5px solid #DBA901;
border-bottom: 5px solid #DBA901;
margin-top: -665px;
position: relative;
z-index: 0;
}

#pagina{
      margin-top: 15px;
      margin-left: 300px;
      width: 1000px;
      height: 500px;
      background-color: #F1FF9A;
      box-shadow: inset 3px 0px 3px 0px #AEB404;
      position: relative;
      z-index: 0;
}

#escrito{
      margin-left: 17px;
      width: 970px !important;
      overflow: auto;
}

#footer{
background-color: #FACC2E;
        background-image: url(http://i.imgur.com/JzP6Z3C.jpg);
height: 150px;
width: 1350px;
border-radius: 50px 10px 50px 10px;
box-shadow: 2px 2px 2px 2px #AEB404;
}

Muchas gracias de antemano...

Buenas tardes!

He estado peleando mucho, y resulta ser que en mi pagina no funciona el innerHtml.. veran, hice un boton (por mera prueba) con el evento "onclick" donde al darle clic al boton llamo a una funcion "pruebo()" y mi intencion era cambiar el texto de una etiqueta <h3>... pero no me funciono (cosa que no entiendo porque hice de la misma forma la prueba con alert() y este ultimo si me funciono). ¿Que se supone que tenga que cambiar? o agregar?:

<?php
setlocale(LC_TIME, "es_PA");
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″>
<link rel="StyleSheet" type="text/css" href="flow.css"/>
<link rel="shortcut icon" href="http://i.imgur.com/DsC2SbK.png">
<title>Dan´s web site</title>
<script type="text/javascript">
function pruebo(){
document.getElementById('tet').innerHtml = '<h3>Hola que tal</h3>';
} SCRIPT EN EL HEAD DEL HTML
</script>
</head>
<body>
<div id="header">
   <div id="hed">
     <img style="z-index: 3;" width="200" height="150" src="http://i.imgur.com/BYiUbuV.png" />
    </div>
</div>
<br/>
<div id="bady">
    <div id="menu">
<a href='HomePage.html'><div id="titulo"><h2 style="text-align:center;color: #61210B;font-family:'Times New Roman', Times, serif;font-style:italic;margin-top: 5px;">Dan´s Web Site</h2></div></a>
     <div id="item"><a href="entradas.html" id="link">Entradas</a></div>
<div id="item"><a href="proyectos.html" id="link">Proyectos</a></div>
<div id="item"><a href="experimenta.html" id="link">Probando</a></div>
<div id="item"><a href="dan.html" id="link">Sobre mi</a></div>
<div id="bloque">
         <div id="reloj">
         <p style="color: black; font-size: 11px; font-family: Galamond; background-color: #F3F781; font-style: italic; z-index: 1; margin-top:37px;margin-left: 24px;"><?php echo strftime("%A, %d de %B de %Y"); ?></p>
         <img style="z-index: 0; margin-top: -70px;" src="http://i.imgur.com/GjowbIh.png"/>
         <script type="text/javascript" src="http://counter8.fcs.ovh/private/countertab.js?c=8c1336cb38a8bf037c5cc7a4b43e460f"></script>
         </div>
</div>
    </div>
<div id="seccion"><h2 id='tet'>¡Bienvenido seas a mi pequeña esquina en el Internet!</h2></div>
        <div id="pagina"><br/>
        <h3 style="text-align:center;color: darkred;">¿Qué se supone que es esto y que hay aquí?</h3>
        <div id="escrito">
<p style="text-align: justify;">texto texto texto<p>
<p style="text-align:justify;">texto texto y mas texto</p><br>
<input type="button" onclick="pruebo()" value="probando"/> BOTON DE PRUEBA
<img style="margin-left: 400px;" src="http://www.gifmania.com/Gif-Animados-Letras-Animadas/Imagenes-Signos-de-Puntuacion/Signos-Interrogacion/signo-interrogacion138-26286.gif"/>
        </div>
        </div>
</div>
<br/>
<div id="footer">
    <div id="hed">

Me dan una mano?! T-T

Disculpenme, olviden el tema, el problema ya lo pude resolver.. resulta que por alguna razon u motivo, las propiedades margin-left y margin-top (las negativas "-") al incluirlas se colocaban sobre la etiqueta con marco blanco.

Ni idea porque ocurrio, tuve que modificarlo un poco con left y right con %. Esta seria una buena pregunta.. que se supone que ocurrio aqui?! xDDD!

Tu ejercicio me parece perfecto.

No tengo quejas de ninguna clase... siga así..! 

Hola ivan!

Perdon por la respuesta tan retrasada.. mil disculpas por eso. Pues al leer ese enunciado, me da a entender que lo que ellos quieren es cuanto porcentaje se consigue de ese punto.

Osea, supongamos que la pregunta valiera 3 puntos, y el examen tiene 40 puntos en total. Los 40 puntos representarían el 100%, (seria calcular 100 * (3/40) que daría un total de 7.5% esa pregunta

Como dice ahí "Agrega la corrección de un punto; indicando que porcentaje se consiguió

Por lo que veo quieren saber cuanto porcentaje en total saco el alumno en el examen. Para usar esa funcion, primero tendrias que usar las otras 2 funciones, que es contarPuntos y contarPuntosCorregidos, entonces, lo que devuelvan esos dos, en la funcion corregirPuntos, haces el calculo:

Porcentaje = 100 * (contarPuntosCorregidos/contarPuntos);

Y ahi tienes el porcentaje. Perdoname de nuevo, es que ando enrredado yo tambien con la Uni jajaj :c

espero que te haya servido!

Me surgió una duda nueva ahora jajaj , como consultar la version de VB en Visual Studio jajaja xD