ayudita con div

[lukas4]

hola que tal, encontre una pagina en la que hacen uso del div para hacer un menu, pero si despues del menu utilizo otro div para un formulario, el formulario se queda a lado del menu y no debajo del menu, busque sobre el div enw3schools pero no encontre mucho, les dejo el link de la pagina que encontre para ver si me pueden ayudar, lo del "example 3" es lo que no me sale

http://alistapart.com/articles/slidingdoors/

[skatomundo]

Hola,

Puedes dejar algo de tu código para ver en que fallas.

Saludos,

[lukas4]

este es el CSS de la pagina

Código CSS:

body{
    background:#f2f3fa;
    font-size:12;
}
#caja{
    position:absolute;
    left: 0;
    top: 0;
    width:100%; 
}
#caja img{
    width:100%;
    height:100%;
}
 
#header {
    position:relative;
    float:left;
    width:100%;
    background:#DEA0D2 url("crbr_bg.gif")
        repeat-x bottom;
    font-size:93%;
    line-height:normal;
}
 
#header ul{
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}
 
#header li{
    float:left;
    background:url("crbr_d_off.gif")
        no-repeat right top;
    margin:0;
    padding:0;
}
 
#header a, #header strong, #header span{
    display:block;
    background:url("crbr_i_off.gif")
        no-repeat left top;
    padding:5px 15px 4px;
    text-decoration:none;
    font-weight:bold;
    color:#0524a0;
}
 
#header #current{
    background-image:url("crbr_d_on.gif");
}
 
#header #current a{
    background-image:url("crbr_i_on.gif");
    padding-bottom: 5px;
}
 

Código HTML/PHP:

function menuC(){?>
 <div id="header">
        <ul>
            <li id="current"><a href="pagina1.php?opc=opcion1">pagina1</a></li>
            <li><a href="pagina2.php?opc=opcion2">pagina2</a></li>
            <li><a href="#">pagina3</a></li>
        </ul>
 </div>
 <br><br><br>
<?php } ?>
 

los <br> que estan ahi son para que el formulario quede abajo, de lo contrario quedan a lado del menu, espero que esto te ayude a ayudarme :P

[Aresillo]

Si al estilo del formulario le metes un clear:both; salta de linea.
Sería así:
.formulario{
clear:both;
/*demás especificaciones*/
}

[lukas4]

que tal, ahora me salieron 2 dudas, donde pongo eso del clear:both, dentro del .css? podrias ponerme un ejemplo para entederle mejor, orita hice un google-search pero me mando a una pagina pero utiliza el clearfix, y tampoco entendi nada :P, pero igual seguire buscando, de antemano gracias ;)

[Aresillo]

Es que no veo el código del formulario en el html y por eso no te lo he puesto...
He visto los br para separar pero después no veo el código del formulario

[lukas4]

ok ok my bad, ahi te va ;) :

Código HTML/PHP:

<?php 
function formulario1($prog,$priv, $opcion, $opcion2,$maq) {?>
<form method="post" action="pagina1.php?opc=opcion1">
    <font face="sans-serif" size="3">
    <table width="100%" bgcolor="#ffffff" border="0">
          lleno de inputs y demas
        </table>
</font>
</form>
?>
 

ahh y como todas las anteriores son funciones, pues namas las mando llamar asi:

Código menu:

<?php
#condiciones y validaciones iniciales
 menuC();
 formCrbr($prog, $priv,$opcion,$opcion2,$maq);
 ?>
 

todo como esta asi funciona, solo me falta ese detallito

[Aresillo]

donde pone <form
detrás le pones class="corte"

y en el css añade esto:

.corte{
clear:both;
}

[lukas4]

ohhh, ok gracias, lo probare ;)

[lukas4]

oh por dios, si funciono, muchas gracias!!

[Aresillo]

De nada!

Un saludo!