Hola nuevamente al foro y antes que nada agradecer mucho por la ayuda no sé qué haría si no existiera...renunciar noooooo
El tema es que estoy haciendo esta web; la imagen de la foto la parte de abajo
y el degradado vertical que hace como espacio entre los dos bloques se sale por debajo o es que la foto no logra bajar del todo y si le pongo fondo blanco al div sobresale una parte blanca debajo
este es el codigo
Cita: <!-- CONTENIDO-->
<div id="contenido" class="limpiar">
<div id="jofret">
<div id="izquierda">
<h1 class="bienvenida"><span class="titulo">Bienvenidos</span></h1>
<p class=bienvenida>Unimax Peru S.A. les da la bienvenida a nuestra página web. Aquí les presentamos el perfil de nuestra compañia y nuestros productos esperando que les sirva de ayuda y puedan encontar los requerimientos que soliciten. Esperamos que se pongan en contacto con nosotros. Inmediatamente responderemos sus inquietudes.
Contáctenos <a class="contactenosaqui" href="#">aquí</a>.
<span class="gerente"><strong>Unimax Perú S.A.</strong></span><span class="bloque">La Gerencia</span></p>
</div>
</div><!--final de backgroundleft-->
<div id="derecha">
<div id="contenidoderecha">
<p id="foto"><img src="http://grapsaco.com/jofret/imagenescabecera/fotoportada.jpg" width="662" height= "417" />
</p>
</div>
</div>
</div><!--cierre de contenido-->
estilos:
Cita: /*AQUI CONTENIDO*/
div#jofret{
background:white;
width:230px;
border-right:2px solid #640077;
float:left;
}
div#izquierda{
background:#FFF repeat-x left top;
}
h1.bienvenida{
margin-top:20px;
background:#8F8166;
line-height:50px;
border-bottom:1px solid #666;
color:white;
padding:0 20px 0 60px;
font-size:22px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
p.bienvenida{
background:url(../images/degradeparrafo.png) repeat-y top center;
margin:0px 0 5px 0 3px;
padding:15px 18px 39px 20px;
font-family: Georgia;
color: #444;
text-decoration: none;
word-spacing: normal;
letter-spacing: 0;
line-height: 1.2em;
font-size:0.7em;
text-align:center;
line-height:20px}
span.gerente{
display:block;
margin-top:20px;
line-height:14px;
}
span.bloque{
display:block;}
a.contactenosaqui{
color:#F00;
text-decoration:underline;}
a:hover.contactenosaqui{
color:#6CF;
text-decoration:none;}
/*HASTA AQUI DIV IZQUIERDA*/
/*DIV Foto*/
div#derecha{
float:left;/* background:#FFF;*/
}
div#contenidoderecha{
background: url(../images/degradadovertical.png) repeat-y left top;
padding-left:5px;
}
p#foto{ padding-bottom:0px;
}
/*******footer*************/
esto pasa cuando alejo la imagen en el navegador
otra cosa el div que es div#contenidoderecha de la foto esta en otro div dentro de div#derecha que es el div que tiene el float left bueno a la foto la meti dentro de un <p> para darle text-align:right pero no me funcionó solamente me funciona si le quito a div#derecha el float left.?
Bueno espero haya alguien con paciencia por ahi¿