Soy nueva por aquí, y estoy empezando con la programación-diseño web. Tengo un problema con el fondo (el contenedor) de la página, y es que resulta que algunas veces (en otros apartados), el fondo blanco en vez de tener el mismo tamaño que el contenido de la pagina, el texto e imágenes, se "sube" y se puede quedar tanto a la mitad como ocupar lo mismo que el banner y el menú horizontal.
Le he dado un height:auto pero lo que creo es que no reconoce algunos div dentro de otro div. Creo que con la imagen lo entenderéis mejor:
A parte que el botón no se me coloca donde quiero, justo debajo del texto.
Dejo el codigo y el estilo:
Código HTML:
<div id="quienes_somos"> <div id="encabezado1"><b>¿Quiénes sómos?</b></div> <div id="columna_fotos_2"> <p><img src="Imágenes/i_foto1.jpg" alt="" title="" width="250" margin-bottom="10px"/> <p><img src="Imágenes/quienes-somos/imagen2.jpg" width="250"/></p> <p><img src="Imágenes/quienes-somos/imagen2.jpg" width="250"/></p> </div> <div id="texto_1"> <div id="titulo_1">¿Qué es la Asociación Andaluza en Defensa de la Trashumancia?</div> <p>La Asociación Andaluza en Defensa de la Trashumancia es una organización sin ánimo de lucro. Se constituyó en diciembre de 2008 con la finalidad de revalorizar la trashumancia y reivindicar la recuperación de las vías pecuarias en Andalucía.</p> <div id="titulo_1">Objetivos de la Asociación</div> <p>1. Apoyar la trashumancia como un valor legítimo de actividad ganadera, necesario para el desarrollo sostenible de las zonas desfavorecidas. </p> <p>2. Promocionar y difundir esta actividad ganadera a la sociedad.</p> <p>3. Defender y reivindicar la recuperación de las vías pecuarias como vías de comunicación ganadera, así como de cualquier otra actividad que se pueda compatibilizar con el desarrollo de la propia trashumancia. </p> <p>4. Amparar y defender los intereses de los asociados, así como asistirlos técnicamente.</p> <div id="titulo_1">¿Cómo puedes participar?</div> <p>1. Haciéndote socio y participando en las asambleas y demás eventos organizados por la Asociación.</p> <p>2. Apoyando logísticamente a los pastores trashumantes mediante nuestro programa de <a href="voluntariado.html"><b>voluntariado</b></a>.</p> <p>3. Participando en la realización de estudios relacionados con la trashumancia.</p> <p>4. Colaborando en el apoyo jurídico en materia de vías pecuarias a los ganaderos trashumantes.</p> </p> <div id="titulo_1">¿Cómo hacerte socio?</div> <p>Para hacerte socio, descárgate la solicitud, complétala y envíanosla.</p> <div id="solicitud_socio"><form name="form1" method="post" action="PDF/Solicitud_de_socio_v1_260410.doc"> <input type=submit name="Submit" value="Descargar solicitud" ></form> </div> </div>
Código:
Espero haberme explicado correctamente y a ver si me podéis ayudar, por que no sé que mas hacer./* quienes somos */ #encabezado1{ font-family:Baskerville; font-size:30px; margin-top:20px; color:#090; margin-right:30px; margin-left:20px; margin-bottom:40px; float:left; } #columna_fotos_2{ float:right; display:table-column; margin-bottom:20px; margin-top:20px; margin-right:20px; } #texto_1 p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:1px; float:left; width:650px; margin-left:30px; margin-top:1px; text-align:justify; position:relative; } #titulo_1{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-left:1px; float:left; width:650px; margin-left:30px; margin-top:1px; text-align:justify; padding:10px; } solicitud_socio{ float:left; margin-left:10px; margin-top:3px; width:100px; }
Muchisimas gracias!!