Comunidad de diseño web y desarrollo en internet online

div -problema de alineación-

Citar            
MensajeEscrito el 13 Sep 2011 08:00 pm
Hola tengo un problema para que el pie de página se alinee al margen izquierdo en la página.
Dentro de lo poco que se de css probé distintos tags, pero nada funciona.
Les paso lo que tengo por si alguién sabe que error tengo en los códigos.

html

<div class="contenedorcuerpo">

<div class="puntitos"></div>

<div class="imagen"><img src="imagenes/nos/cuadroparaimagen.png" alt="recuadro para imagen" name="recuadroimagen" width="768" height="225" border="0"/></div>

<div class="titulo"><img src="imagenes/nos/titulonos.png" alt="titulo para seccion" name="nos proponemos" width="386" height="33" border="0"/></div>

<div class=" minicontenedor_texto">
<p>generar soluciones para efectivizar las comunicaciones entre los distintos actores sociales, promoviendo vínculos y favoreciendo el entendimiento.</p></div>

<div class=" minicontenedor_textoderecha"><p> Al estar inmersos en la "era de las comunicaciones", es cada vez más importante posicionarse con una imagen sólida frente a una sociedad cubierta de información descontextualizada, donde se manifiesta la perdida de las identidades. Nuestro fin es generar proyectos en base a una estrategia de comunicación integral, atendiendo la particularidad de cada cliente.</p> <div/>

<div class="puntitos margen_top"></div>
</div>

<br style="clear:both" />
<div class="pie">
<div id="estilopie">estudioñu&nbsp;&nbsp;·&nbsp;&nbsp;0221-155654321&nbsp;&nbsp;·&nbsp;&nbsp;[email protected]</div>
<div id="menuhpie">
<ul>
<li><a href="#">LinkedIn</a></li>
<li>·</li>
<li><a href="#">Flickr</a></li>
<li>·</li>
<li><a href="#">Behance</a></li>
<li>·</li>
<li><a href="#">Twitter</a></li>
<li>·</li>
<li><a href="#">Facebook</a></li></ul></div></div></div>
</body>
</html>



CSS

.contenedorcuerpo {
background-image:url(imagenes/index/fondo_cuerpo_desarrollo.png);
background-repeat:no-repeat;
background-position: 0px 4px;
width: 920px;
height: 517px;
margin: 1px 0px 0px 40px;
}

.imagen {
float:left;
width: 768px;
height: 225px;
margin: 25px 0px 0px 72px;
}

.titulo {
float:right;
width: 386px;
height: 33px;
margin: 25px 90px 0px 0px;
}

.minicontenedor_texto {
float:left;
width: 281px;
height: 130px;
margin: 49px 0px 0px 153px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-weight:400;
text-align:right;
line-height: 115%;
color:#666;
}

.minicontenedor_textoderecha {
float: left;
width: 382px;
height: 130px;
margin: 0px 0px 0px 12px;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
line-height: 180%;
text-align: justify;
color:#666;
}

.puntitos {
width:892px;
border-bottom:dotted #999999 2px;
margin: 0px 0px 0px 10px;
float: left;
}

.margen_top {
clear:both;
margin:30px 0px 0px 10px;
}

/*estilos pie*/
.pie {
clear:both;
width: 980px;
height: 20px;
margin-left: 50px;
font-family: Verdana, Geneva, sans-serif;
}
#estilopie {
width:440px;
color:#666;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
float:left;
}
#menuhpie {
width:463px;
height:10px;
padding:0px 0px 0px 0px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;

}
#menuhpie ul, li {
list-style-type: none;
}
#menuhpie ul {
margin: 0;
padding: 0;
}
#menuhpie li {
float: right;
}
#menuhpie a {
text-decoration: none;
display: block;
color:#666;
text-align: center;
padding: 0px 10px 0px 10px;
}
#menuhpie a#primero {
border-left: 1px solid #ACCFE8;
}
#menuhpie a:hover {
color:#C00;
}

Se agradece cualquier observación!

Por luciana_l_m

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 14 Sep 2011 07:33 am
What?

Subelo a algun server y pon la url, para debugguearlo. Así no se puede ver el problema y no pienso leer todo tu código y adivinar en dónde está el problema.

:)

Por violetisha

575 de clabLevel

1 tutorial
1 articulo

Genero:Femenino  

Mi silla en el estudio, México

opera
Citar            
MensajeEscrito el 14 Sep 2011 12:38 pm
Coincido con violetisha. Pon el código en línea en algún servidor para que veamos cuál es el problema.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 14 Sep 2011 02:33 pm
luciana_l_m el error esta en que el div "minicontenedor_textoderecha" tenia mal escrita la etiqueta de cierre (<div/> en lugar de </div>), y por ende te incluia el pie de pagina dentro de este div que esta flotado a la derecha.

Te dejo el codigo html corregido y espero me hayas entendido:

Código HTML :

<div class="contenedorcuerpo">
    <div class="puntitos"></div>
    <div class="imagen">
        <img src="imagenes/nos/cuadroparaimagen.png" alt="recuadro para imagen" name="recuadroimagen" width="768" height="225" border="0"/>
    </div>
    <div class="titulo">
        <img src="imagenes/nos/titulonos.png" alt="titulo para seccion" name="nos proponemos" width="386" height="33" border="0"/>
    </div>
    <div class=" minicontenedor_texto">
        <p>generar soluciones para efectivizar las comunicaciones entre los distintos actores sociales, promoviendo vínculos y favoreciendo el entendimiento.</p>
    </div>
    <div class="minicontenedor_textoderecha">
        <p> Al estar inmersos en la "era de las comunicaciones", es cada vez más importante posicionarse con una imagen sólida frente a una sociedad cubierta de información descontextualizada, donde se manifiesta la perdida de las identidades. Nuestro fin es generar proyectos en base a una estrategia de comunicación integral, atendiendo la particularidad de cada cliente.</p>
    </div>
    <div class="puntitos margen_top"></div>
</div>

<br style="clear:both" />
<div class="pie">
    <div id="estilopie">estudioñu&nbsp;&nbsp;·&nbsp;&nbsp;0221-155654321&nbsp;&nbsp;·&nbsp;&nbsp;[email protected]</div>
    <div id="menuhpie">
        <ul>
            <li><a href="#">LinkedIn</a></li>
            <li>·</li>
            <li><a href="#">Flickr</a></li>
            <li>·</li>
            <li><a href="#">Behance</a></li>
            <li>·</li>
            <li><a href="#">Twitter</a></li>
            <li>·</li>
            <li><a href="#">Facebook</a></li>
        </ul>
    </div>
</div>


Saludos.

Por bugwebs

15 de clabLevel



Genero:Masculino  

Intento de Diseñador Web

firefox
Citar            
MensajeEscrito el 16 Sep 2011 03:21 am
Que ídolo!
Muchas gracias por la ayuda y el tiempo, era, como me mencionaste, el div mal cerrado problema.
Saludos!!!

Por luciana_l_m

1 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.