Ver Mensaje Individual
  #6 (permalink)  
Antiguo 04/02/2011, 03:28
sotanez
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: internet explorer 7 y float right

Cita:
Iniciado por DanGrosu Ver Mensaje
Segun mi opinion, para que puedas aplicar un estilo Css corecto a tu bloque <div> tienes que poner el texto y el numero de la pagina en interior de unos parrafos <p>, como en este ejemplo


Código HTML:
<div id="EX1">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget mollis nulla. Nulla facilisi. Duis convallis elit nec ligula congue feugiat. Praesent erat velit, ullamcorper luctus aliquam eget, sagittis vel lectus. Cras placerat gravida feugiat. Etiam suscipit condimentum lorem, id facilisis ante facilisis ac. Phasellus quam libero, semper eu malesuada sed, pellentesque vitae</p>
		<p id="nrPagina1">123456</p>
</div> 
Luego puedes intentar a aplicar los estilos como es estos modelos

<p>div#EX1 {
padding:10px;
border:1px solid #000;}</p>

<p>p#nrPagina1 {
float:right;
padding-right:25px;
color:#0000FF;}</p>

o

Código HTML:
<div id="EX2">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget mollis nulla. Nulla facilisi. Duis convallis elit nec ligula congue feugiat. Praesent erat velit, ullamcorper luctus aliquam eget, sagittis vel lectus. Cras placerat gravida feugiat. Etiam suscipit condimentum lorem, id facilisis ante facilisis ac. Phasellus quam libero, semper eu malesuada sed, pellentesque vitae</p>
		<p id="nrPagina2">123456</p>
</div> 
div#EX2 {
padding:10px;
border:1px solid #000;}

p#nrPagina2 {
margin-left:1000px;
padding-right:25px;
color:#0000FF;}
Pero entonces se pone el número en una línea nueva que es precisamente lo que no quiero.
Yo no creo que esté haciendo en principio nada mal, sino que simplemente IE7 hace lo que le da la real gana y me preguntaba si alguno ha tenido este problema antes.
He visto casos parecidos en otros foros pero las soluciones que se proponen no me están funcionando.