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
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
Puntos
2162
Visitas
Visitas
1
Resp
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