Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Problema con el contenido de la pagina se sale fuera por abajo

Hola buenas,Estoy por el video-tutorial 15.Tengo un problema y es que en el estilo.php, en el cuadro de crear post al poner las letras encima de los cuadros en blanco (titulo, crear post...) me sale el cuadro que me sale por abajo de la pagina web, es decir que me sale descentrado y me sale por abajo(Me tapa i ocupa el footer). He revisado todo y no encuentro el error.
Este es mi codigo:
PHP
<?php require_once('Connections/config.php'); ?>
<?php
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
  $insertSQL = sprintf("INSERT INTO t_post (titlePost, contPost, catePost, etiqPost) VALUES (%s, %s, %s, %s)",
                       GetSQLValueString($_POST['titlePost'], "text"),
                       GetSQLValueString($_POST['contPost'], "text"),
                       GetSQLValueString($_POST['catePost'], "int"),
                       GetSQLValueString($_POST['etiqPost'], "text"));

  mysql_select_db($database_config, $config);
  $Result1 = mysql_query($insertSQL, $config) or die(mysql_error());

  $insertGoTo = "index.php";
  if (isset($_SERVER['QUERY_STRING'])) {
    $insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
    $insertGoTo .= $_SERVER['QUERY_STRING'];
  }
  header(sprintf("Location: %s", $insertGoTo));
}
?> 
HTML
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Foroweb</title>
<link href="CSS/estilo.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="contenedor">
  <div id="encabezado">
    <div id="logo"><img src="images/LOGO.png" width="183" height="48" /></div>
    <div id="banner"></div>
  </div>
  <div id="menu">
    <?php include("INC/menu.php"); ?>
  </div>
  <div id="cuerpo">
    <table width="950" height="100%" border="0" align="center">
      <tr>
        <td><div id="postcontent">
          <form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
            <table width="401" align="center">
              <tr valign="baseline">
                <td width="393" height="66"><p>Titulo:
                                        </p>
                  <p>
                    <input type="text" name="titlePost" value="" size="62" />
                </p></td>
              </tr>
              <tr valign="baseline">
                <td><p>Contenido del post:
                    </p>
                  <p>
                    <textarea name="contPost" cols="62" rows="20"></textarea>
                  </p></td>
              </tr>
              <tr valign="baseline">
                <td height="29"><p>
                  <select name="catePost">
                      <option value="1" <?php if (!(strcmp(1, ""))) {echo "SELECTED";} ?>>Tutoriales</option>
                      <option value="2" <?php if (!(strcmp(2, ""))) {echo "SELECTED";} ?>>Descargas</option>
                      <option value="3" <?php if (!(strcmp(3, ""))) {echo "SELECTED";} ?>>Noticias</option>
                      <option value="4" <?php if (!(strcmp(4, ""))) {echo "SELECTED";} ?>>Informacion</option>
                      <option value="5" <?php if (!(strcmp(5, ""))) {echo "SELECTED";} ?>>Juegos</option>
                      <option value="6" <?php if (!(strcmp(6, ""))) {echo "SELECTED";} ?>>Informatica</option>
                      <option value="7" <?php if (!(strcmp(7, ""))) {echo "SELECTED";} ?>>Tecnologia</option>
                      <option value="8" <?php if (!(strcmp(8, ""))) {echo "SELECTED";} ?>>Musica</option>
                      <option value="9" <?php if (!(strcmp(9, ""))) {echo "SELECTED";} ?>>Otros</option>
                    </select>
                </p></td>
              </tr>
              <tr valign="baseline">
                <td><p>Etiquetas:</p>
                    <input type="text" name="etiqPost" value="" size="60" />
                  </p></td>
              </tr>
              <tr valign="baseline">
                <td><input type="submit" value="Agregar post" /></td>
              </tr>
            </table>
            <input type="hidden" name="MM_insert" value="form1" />
          </form>
        </div>
        </td>
      </tr>
    </table>
  </div>
  <div id="footer">Ayuda | Protocolo | Contacto | troper22</div>
</div>
</body>
</html>
CSS
body {
    background-color: #F9F9F9;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 18px;
    margin-left: auto;
    font-family:"Helvetica Neue",Arial,sans-serif;
}
     
#contenedor {
    height: auto;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    border-radius: 12px;
    background: #3a68a4
}
#encabezado {
    background-image: url(../images/Mac_Desktop_Background.jpg);
    height: 95px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
#logo {
    float: left;
    height: 48px;
    width: 183px;
    padding: 12px;
}
#banner {
    float: right;
    height: 60px;
    width: 468px;
}
#menu {
    height: 30px;
    background-image: url(../images/bg-menu.jpg);
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
#menu a {
text-decoration:none;
color:#000}
#menu a:hover {
text-decoration:none;
color:#ccc}
#menu table {
    width: 750px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
#cuerpo {
    background-color: #FFF;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
}
#footer {
    height: 30px;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}
#postcontent {
    height: 600px;
    width: 945px;
    background-color: #CCC;
}
#homederecha {
    float: right;
    width: 300px;
    height: 500px;
}
#homeizquierda {
    float: left;
    width: 600px;
    margin-left: 8px;
}
#homeizquierda a {
    text-decoration:none;
    color:#000;
    font-size:12px;
    font-weight:bold;
}
#homeizquierda a:hover {
    text-decoration:underline;
    color:#00F;
    font-size:12px;
    font-weight:bold;
}
#IrArriba {
position: fixed;
bottom: 30px;
right: 30px;
}
#IrArriba a {
width: 60px;
height: 60px;
display: block;
background: url(http://lh5.googleusercontent.com/-luDGEoQ_WZE/T1Ak-gta5MI/AAAAAAAACPI/ojfEGiaNmGw/s60/flecha-arriba.png) no-repeat center center;
opacity:0.6;
}
#IrArriba a:hover {
width: 60px;
height: 60px;
display: block;
opacity:0.8;
-webkit-transition-duration: 0.3s;
background: url(http://lh5.googleusercontent.com/-luDGEoQ_WZE/T1Ak-gta5MI/AAAAAAAACPI/ojfEGiaNmGw/s60/flecha-arriba.png) no-repeat center center;
}
.Categoriahometitle {
    font-size:11px;
}#titulopost {
    font-weight: bold;
}
#contenidopost {
    height: auto;
}
#etiqpost {
    font-weight: normal;
}
input {
    padding:4px;
}
0
Puntos
2162
Visitas
1
Resp
Por RamonOliva hace 129 meses
Principiante
Respuesta #1
ve a tu hoja de estilos y cambia
#postcontent {
height: 600px;
width: 945px;
background-color: #CCC;
}
por esto
#postcontent {
height: auto;
width: 945px;
background-color: #CCC;
}
cuando inicieis un nuevo tema por favor pegar los códigos utilizando el boton code {..} del editor que para eso esta y un titulo mas descriptivo saludos
0
Puntos
Por zeuskx hace 129 meses
Administrador Sitio web
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate