Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/02/2013, 04:34
seda2005
 
Fecha de Ingreso: febrero-2013
Mensajes: 5
Antigüedad: 11 años, 2 meses
Puntos: 0
Respuesta: Ancho de texto en móvil

Ahi va el código:

Código HTML:
<div id="wrapper">
	<div id="left_cont">
    	<div id="titulo">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin est ipsum, auctor vitae varius id, fringilla non augue.</div>
        <div id="subtitulo">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin est ipsum, auctor vitae varius id, fringilla non augue. Sed egestas ultrices nulla, ac consectetur mauris porta id. Morbi sed nulla diam, sollicitudin scelerisque dui.</div>
        <div id="cuerpo">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin est ipsum, auctor vitae varius id, fringilla non augue. Sed egestas ultrices nulla, ac consectetur mauris porta id. Morbi sed nulla diam, sollicitudin scelerisque dui. Vestibulum sagittis, mi at mollis mattis, dolor lectus posuere dui, sed tincidunt massa dui in diam. Curabitur eros metus, euismod sed ornare ac, consequat porttitor eros. Aenean cursus dignissim ligula, sit amet varius dolor suscipit id. Duis ornare sagittis felis. Duis vitae quam leo, iaculis consectetur diam. Cras tristique, enim quis consequat gravida, ante lacus fermentum quam, sit amet accumsan magna ante nec orci. Mauris metus justo, suscipit vel facilisis vitae, porta sed massa. Nullam aliquam, neque scelerisque adipiscing mollis, diam leo elementum urna, et pharetra ligula risus quis orci. Sed nisl dolor, viverra ac pulvinar eu, fermentum quis dui. Donec sodales, tortor ultricies fermentum tempor, ipsum erat volutpat velit, nec accumsan lorem massa ac eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sem mi, adipiscing at ornare sit amet, eleifend nec nunc. Nullam sagittis, nunc sit amet egestas ornare, purus tellus pulvinar sapien, quis ullamcorper justo quam at enim.</p>
        </div>
    </div>
    <div id="right_cont"></div>
</div> 
CSS:

Código:
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	color: #000;
}

p {
	margin-top: 0;
	line-height: 240%;
}

#wrapper {	
	clear:both;
	margin:0 auto;
}

#wrapper #left_cont {
	float:left;
}

#left_cont #titulo {
	font-size:1.2em;
	font-weight:bold;
	clear:both;
	border-bottom:#333 solid 1px;	
	letter-spacing:0px;
}
#left_cont #subtitulo {
	margin: 0 0 10px 0;
	font-size:1em;
	font-weight:400;
	clear:both;
	letter-spacing:0px
}

#left_cont #cuerpo {
	width:100%;
	clear:both;
	font-size:1em;
	font-weight:normal;
	text-align:justify;
	line-height:20px;	
	letter-spacing:0px
}

#wrapper #right_cont {
	width:250px;
	float:left;
	font-size:1.5em
}
El tema es que el texto del div left_cont aparece en el navegador móvil como si tuviera un margin a la derecha, sin ocupar todo el ancho del div. Probando, he visto que si especifico el height, no ocurre. El tema es que no puedo especificarlo ya que es un campo destinado a una noticia, que puede ser más o menos alta y quiero que rellene todo.

Gracias!!

Última edición por seda2005; 19/02/2013 a las 04:36 Razón: Olvido