Hola buenas... bueno tengo un problema y es que tengo un apartado de la pagina que tiene texto a la izquierda... y quiero poner texto a la derecha, pero cuando escribo mucho en la izquierda el texto que habia alineado a la derecha, se baja tambien y quiero que parmanezca estatico.
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:
.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;
}
a ver si alguien sabe cual es la solución.
un saludo y gracias.