he usado la función : float:right pero me hace lo mismo, os pongo una captura y también el código a ver si encontráis solución:
capturas con texto normal
captura añadiéndole <br /> para que se vea como al añadir mas texto se baja también el texto de la derecha para abajo.
y aquí el codigo html y css
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HDBytes - Alta Definición Al Alcance De Todos</title> <link href="torrent_details.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="titulo"> <div class="titulo_texto">HDBytes | Fast & Furious 5 | 720p | Acción Comedia | Bluray x264 | Dual | Subs | 2011 | DON</div><div class="torrent_moderation"></div> </div> <div id="contenedor"> <div id="caja_info"> <p class="texto_caja_info">TAMAÑO:<b></b></p> <p class="texto_caja_info">AÑADIDO:<b></b></p> <p class="texto_caja_info">CATEGORIA:<b></b></p> <p class="texto_caja_info">FECHA:</p> <p class="texto_caja_info">MULTIPLICADORES: <b></b></p> <p class="texto_caja_info">VELOCIDAD: <b></b></p> <p class="texto_caja_info">SUBIDO POR: <b></b></p> <div class="favoritos"><a href="#"><img src="images/favoritos.png" /></a></div> <div class="semillas"><a href="#"><img src="images/semillas.png" /></a></div> </div> <div id="boton_descarga"><a href="#"><img src="images/descargar.png" /></a></div><div class="clear"></div> <table id="torrent_semillas" cellpadding="0" cellspacing="0"> <tr> <td class="S">S</td> <td class="L">L</td> <td class="C">C</td> </tr> <tr> <td class="seed"><a href="#">10</a></td> <td class="leecher"><a href="#">135</a></td> <td class="completado">309</td> </tr> </table> <div class="clear"></div> <div id="portada"><img src="images/portada.png" class="portada" /></div> <div class="clear"></div> <div class="editar"><a href="#"><img src="images/editar.png" /></a></div> <div class="eliminar"><a href="#"><img src="images/eliminar.png" /></a></div> <div class="clear"></div> <div class="separador"></div> <div class="boton_foro"><a href="#"><img src="images/boton_foro.png" /></a></div> <div class="separador1"></div> <div class="descripcion_general">Descripción General</div> <div class="separador2"></div> <div class="texto_descripcion_general"> <div id="imagen_pelicula"><img src="images/movie.gif" /><b class="titulo_descripcion_general">Fast And Furious 5</b></div> <div class="separador6"></div> <div class="datos_pelicula"> <li><b class="contenido_descripcion_general">TÍTULO ORIGINAL: </b></li> <li><b class="contenido_descripcion_general">AÑO:</b></li> <li><b class="contenido_descripcion_general">DURACIÓN:</b></li> <li><b class="contenido_descripcion_general">PAÍS:</b></li> <li><b class="contenido_descripcion_general">DIRECTOR:</b></li> <li><b class="contenido_descripcion_general">GUIÓN:</b></li> <li><b class="contenido_descripcion_general">MÚSICA:</b></li> <li><b class="contenido_descripcion_general">FOTOGRAFÍA:</b></li> <li><b class="contenido_descripcion_general">REPARTO:</b></li> <li><b class="contenido_descripcion_general">PRODUCTORA:</b></li> <li><b class="contenido_descripcion_general">GÉNERO:</b></li> <li><b class="contenido_descripcion_general">SINOPSIS:</b></li> <div class="separador6"></div> <div class="nota_filmaffinity"><b class="texto_filmaffinity">NOTA FILMAFFINITY</b></div> <div><b class="numero_filmaffinity">6,5 <img src="images/5estrellas.gif" /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></b></div> <div class="separador6"></div> </div> </div> <div class="mediainfo">Mediainfo</div> <div class="separador3"></div> <div class="texto_mediainfo"> <div class="datos_pelicula"> <li><b class="contenido_descripcion_general">CONTENEDOR: MKV </b></li> <li><b class="contenido_descripcion_general">FUENTE DE VIDEO:</b></li> <li><b class="contenido_descripcion_general">CODEC DE VIDEO:</b></li> <li><b class="contenido_descripcion_general">FRAMES DE VIDEO:</b></li> <li><b class="contenido_descripcion_general">RESOLUCIÓN:</b></li> <li><b class="contenido_descripcion_general">BITRATE:</b></li> <li><b class="contenido_descripcion_general">MÚSICA:</b></li> <li><b class="contenido_descripcion_general">AUDIO 1:</b></li> <li><b class="contenido_descripcion_general">AUDIO 2:</b></li> <li><b class="contenido_descripcion_general">SUBTITULOS:</b></li> <li><b class="contenido_descripcion_general">TAMAÑO:</b></li> </div> </div> <div class="archivos">Archivos</div> <div class="separador4"></div> <div class="texto_archivos">aaaaaaaaaaa</div> <div class="clear"></div> <div class="capturas">Capturas</div> <div class="separador5"></div> <div class="texto_capturas">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> </div> </body> </html>
Código:
a ver si alguien sabe cual es la solución.
.boton_foro{
background-repeat:no-repeat;
width:429px;
height:59px;
margin-left:55px;
margin-top:20px;
}
.boton_foro:hover{
background-image:url(images/boton_foro_hover.png);
}
.separador1{
width:476px;
height:1px;
margin-top:20px;
margin-left:30px;
background-color:#CCC;
}
.separador2, .separador3, .separador4{
width:476px;
height:1px;
margin-top:-2px;
margin-left:30px;
background-color:#CCC;
}
.descripcion_general, .mediainfo, .archivos{
width:476px;
font-family:"Ubuntu";
color:#659db1;
font-size:13px;
margin-top:60px;
margin-left:30px;
}
.texto_descripcion_general, .texto_mediainfo, .texto_archivos {
width:473px;
height:auto;
text-align:left;
margin-top:15px;
margin-left:31px;
}
.separador5{
float:right;
width:360px;
height:1px;
margin-top:-748px;
background-color:#CCC;
}
.capturas{
float:right;
width:360px;
font-family:Ubuntu;
color:#659db1;
font-size:13px;
margin-top:-765px;
}
.texto_capturas {
float:right;
width:360px;
height:auto;
text-align:left;
margin-top:-738px;
}
un saludo y gracias.
