Problemas con div y footer

[monigote]

Que tal compañeros me agrada mucho esta comunidad me acabo de registrar en ella espero poder colaborar cuando alguien requiera algo que yo sepa, fijense que tengo ahi una aplicacion web manejo css poco no mucho.

Mi problema es que tengo un div en medio de la pagina y abajo el footer logicamente, pongo una tabla html dentro de un form en el div esta tabla se genera a partir de una consulta con php y mysql, pero a la hora de desplegarla en lugar que aparezca en el div tal y como la coloco me la despliega abajo del footer la tabla. Algunos de ustedes sabran que pueda ser? Muchas gracias y saludos

[C2am]

Así es medio complicado ayudarte.
Publica un enlace a tu web, o postea el código html y css que estas usando.

Un saludo y bienvenido

[visitante28]

probalblemente no estes cerrando las div's en orden correcto..


// deberia quedar algo asi . .

< div > // ini cabezera
* la imagen o texto de tu cabezera .
</div> // fin cabezera
<div> // ini cuerpo
<tabla >
</tabla>
<div> // fin cuerpo
<div> // ini pie
xxx
</div> // fin pie

* asi deberia estar el orden de las div's checalo bien. .

suerte

[monigote]

Bueno dire como tengo acomodado mis divs y luego pondre el codigo css que tengo y mi codigo php lo pongo en el contentwrapper dentro de un form. Muchas gracias


<div id="background">


<div id="headerwrap">


<div id="header">


</div>

</div>
</div>

<div id="outerWrapper">
<div id="contentWrapper">

</div>
</div>


<div id="Footer">

</div>

Código CSS:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
a { /*-- Removes dotted outline from clicked links in FF --*/
    outline: none;
}
img {
    border:none;
}
.clearer {
    clear:both;
}
blockquote {
    background: #F2F2F2 url(images/blockquote.png) no-repeat top left;
    border: 1px solid #D7D7D7;
    padding: 10px 10px 10px 40px;
}
/*-- Main structure for the layout --*/
body {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    background: #000;
}
#background {
    background: #F2F2F2;
}
#outerWrapper {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 960px;
}
#contentWrapper {
    overflow: hidden;
    clear:left;
}
#sidebar {
    float: right;
    padding: 20px 0px 10px 0px;
    width: 310px;
}
#Content {
    margin: 0 0px 0 0;
    padding: 20px 0px 10px;
    float: left;
    width: 640px;
}
#Footer {
    border-top: solid 1px #666;
    padding: 10px 10px 0px;
    background: #000 url(images/footerbg.png) repeat-x top;
    height: 61px;
    color:#999;
}
 
/*-- Heading styles --*/
h1 {
    font: normal 26px/36px Verdana, Geneva, sans-serif;
    letter-spacing: -1px;
}
h2 {
    font: bold 20px/30px Verdana, Geneva, sans-serif;
    letter-spacing: -1px;
}
h3 {
    font: bold 17px/27px Verdana, Geneva, sans-serif;
    letter-spacing: -1px;
    color: #069;
}
h4 {
    font: bold 14px/24px Verdana, Geneva, sans-serif;
}
h5 {
    font: bold 13px/20px Verdana, Geneva, sans-serif;
    color: #069;
}
h6 {
    font: bold 12px/18px Verdana, Geneva, sans-serif;
}
 
/*-- Link styles --*/
a, a:link {
    color: #069;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration:underline;
}
a:visited, a:active {
    color: #000;
}
.entry a.more-link { /*-- Removes underline from more link --*/
    text-decoration:none;
}
#header a, #header a:link, #header a:active, #header a:visited {
    color: #FFF;
}
#header a:hover {
    color: #0CF;
}
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
    color: #CCC;
}
#Footer a:hover {
    color: #FFF;
}
 
/*-- Header styles --*/
#headerwrap {
    padding: 0;
    text-align: center;
    background: url(images/headerbg.png) repeat-x top;
}
#header {
    width:960px;
    height:94px;
    margin:0px auto;
    text-align:left;
    background: url(images/headerfill.jpg) no-repeat center top;
}
#header p {
    margin: 0px;
}
.title { /*-- This is the title of your blog --*/
    font: bold 30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFF;
    float: left;
    width: 600px;
    padding-top: 15px;
}
.title a:hover {
    text-decoration:none;   
}
.description { /*-- This is the line of text below your blog title --*/
    font: 16px/20px Georgia, "Times New Roman", Times, serif;
    color: #FFF;
    float: left;
    clear: left;
    padding-top: 7px;
}
.topnav { /*-- This is the RSS links in the header --*/
    float:right;
    color: #000;
    text-align:right;
    font: bold normal 12px Arial, Helvetica, sans-serif;
    padding-right: 7px;
    padding-top: 10px;
}
 
/* Navigation Styles */
#menu {
    width:960px;
    position:relative;
    margin:0 auto;
    display:block;
    height:35px;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}
#menu ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
#menu ul li {
    display:block;
    float:left;
    margin:0;
    padding:0;
}
#menu ul li a {
    display:block;
    float:left;
    color:#CCC;
    text-decoration:none;
    font-weight:bold;
    padding:8px 20px 0 20px;
}
#menu ul li a:hover {
    color:#FFFFFF;
    height:27px;
    background:transparent url(images/nav_bg.png) 0px -35px no-repeat;
}
 
 
/*-- Post styles --*/
.posttitle {
    font-size: 24px;
    font-weight: normal;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 5px;
}
.posttitle a:hover {
    text-decoration:none;
}
 
#navwrap {
    height:35px;
    background: transparent url(images/nav_bg.png) repeat-x top left;
    clear: both;
}
 
/*-- Sidebar styles --*/
#sidebar h5 { /*-- This is the title of each widget --*/
    background: url(images/sidebarh3.jpg) no-repeat top center;
    font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFF;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 8px;
}
#sidebar ul {
    padding: 8px;
    margin-bottom: 10px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#sidebar ul ul {
    border:none;
    background:none;
}
#sidebar ul li {
    border: 1px solid #CCC;
    background: #FFF url(images/boxbg.png) repeat-x top;
    margin-bottom:10px;
    padding: 7px;
}
#sidebar ul li ul li {
    margin-left: 8px;
    background: url(images/arrow.png) no-repeat left top;
    padding-left: 9px;
    padding-bottom: 5px;
    border:none;
    margin-bottom:0;
    padding-top: 0px;
}
#sidebar ul.children {
    padding-top:3px;
}
#sidebar ul.children li { /*-- This styles the sub categories in the hierarchy --*/
    background: url(images/childbullets.png) no-repeat left top;
    padding-bottom:2px;
}
 
.box {
    background: #FFF url(images/boxbg.png) repeat-x top;
    padding: 20px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}
 
.right {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}
.left {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
}
 

[monigote]

Amigos alguien que me oriente o mas o menos en que ando mal para poder corregirlo? muchas gracias

[C2am]

A ver, coloca el html que te genera el php (no el codigo php, solo el html que genera), porque lo que muestras es una pequeña parte de todo el código, por ejemplo no muestras donde tienes el menu, como se ubica el post, etc. etc.
Lo que pusiste no me presenta esa situación particular que dices que te pasa, entonces el problema no está en lo poco que muestras sino en algo que no estas mostrando.
Visualiza tu pagina y copia el código fuente.
El css ya está, no hace falta que lo vuelvas a postear.

Lo mejor es que subas tu pagina para poder ver en vivo y en directo el problema.
Saludos