Problemas en la adaptación de contenido y margenes en HTML y CSS

  • Autor Autor RaikND
  • Fecha de inicio Fecha de inicio
R

RaikND

Zeta
Social Media
Verificación en dos pasos activada
Bueno os adjunto la imagen atraves de este enlace:
Dale clic aquí --> Visionado de foto

Quiero que se adapte automaticamente a lo que deberia ser dentro del contenido (clase .cuerpo) con sus margenes y etc... No se si me hago entender..

Y aquí os pongo la parte del código HTML:
HTML:
	<div class="columna">
		<div class="cuerpo">
			<div class="primera_columna">
				<h2>Titulo del contenido</h2>

				<p>Contenido</p>
			</div>
			
			<div class="segunda_columna">
				<h2>Titulo del siderbar</h2>

				<p>Contenido</p>
			</div>
		</div>
	</div>

y aquí el de CSS:
HTML:
.cuerpo 
{
	background-color: #FFF;
	-web-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	border: thin solid #CCC;
	border-width: 1px;
	height: 0 auto;
}

.primera_columna, .segunda_columna 
{
	margin-right: 2.5%;
	float: left;
	min-height: 1px;
	height: 40px;
}

.columna .primera_columna 
{
	width: 80%;
}

.segunda_columna 
{
	width: 14.6%;
	border: thin solid #000;
	border-width: 0 0 0 1px;
	float: right;
}

Espero que me podáis echar una mano alguien, muchas gracias :encouragement:
 
en la clase columna agrega overflow:hidden;
 
en la clase columna agrega overflow:hidden;

Venga... voy a probar y como sea eso... Me cagare en todo lo que se menea en el lenguaje de CSS.

EDITO:
Al abrir el documento, ya lo tenia puesto como "overflow: hidden;", pero no se ha solucionado aun... Es extraño, probare un par de cosas, que posiblemente pueda ser eso, pondre el overflow en una de las columnas o directamente en el cuerpo.

EDITO2:
Gracias [MENTION=81006]kanikase[/MENTION], tenia que ponerlo en la clase ".cuerpo", muchas gracias por tu tiempo!
 
Última edición:
Atrás
Arriba