Ver Mensaje Individual
  #4 (permalink)  
Antiguo 25/08/2013, 10:02
AwG
 
Fecha de Ingreso: abril-2013
Ubicación: Madrid, España
Mensajes: 21
Antigüedad: 11 años
Puntos: 0
Respuesta: DIV que no se adapta a su contenido

Voy a postear tambien el codigo de lo que da problemas, a ver si es que tiene algo que ver con eso.

Este es el codigo html de todo el cuadro de las noticias:

Código HTML:
<div class="news">
				<article>
				<div class="newsheader">
					<h3>'.$titulo.'</h3>
				</div>
				<div class="newscontent">
					<footer><p>Publicado '.$fecha.' by '.$autor.'</p></footer>
					<header>'.substr(nl2br($body), 0, 750).'[...]</header>
				</div>
				</article>
					
			
				<div class="newsfooter">
					<div class="tags">
					</div>
					<div class="linkpublication">
						<a href="noticias.php?id='.$id.'">Link a la publicación</a>
					</div>
				</div>
			</div> 
Y este el codigo css asociado a esas noticias:

Código HTML:
.newsheader{
	width: 90%;
	height: 40px;
	background-color: #dbdbdb;
	border-radius: 5px 5px 0px 0px;
	margin: 40px auto 0px auto;
	box-shadow: 1px 0px 3px #000;
}
.newsheader h3{
	color: #616161;
	margin : 0px 20px 0px 20px;
	padding: 10px 0px 5px 0px;
}
.newscontent{
	width: 90%;
	background-color: #FFF;
	margin: 0px auto 0px auto;
	box-shadow: 1px 1px 3px #000;
}
.newscontent p{
	margin : 0px;
	padding: 5px;
}

.newscontent header, content {

	padding: 40px 30px 20px 30px;
}
.newscontent footer{
	color: #999;
	padding-right: 15px;
	font-size: 12;
	padding-top: 10px;
	font-style: italic;
	float: right;
}
.newscontent content{
	
	text-align: justify;
	float: right;
}
.newsfooter{
	width: 90%;
	height: 30px;
	background-color: #b8b8b8;
	margin : 0px auto 0px auto;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 1px 1px 3px #000;
	border:1px;
}

.linkpublication {
	width: 40%;
	float: right;
	margin-top: 7px;
	margin-right: -10px;

}
.linkpublication a{
	font-size: 12px;
	text-decoration: none;
	color: #747171;
	padding-left: 30px;
}
.linkpublication a:hover{
	font-size: 12px;
	text-decoration: none;
	color: #4b4949;
	padding-left: 30px;
}