Hola Alejandro,
Lamentablemente no puedo subir nada porque estoy trabajando en .net.
De todos modos estuve buscando en url y veo que safari tiene inconsistencias
con los flotados...
Te copio la porcion de codigo :( es solo una parte que esta contenida en un
datagrid)
<div id="left">
<div id="cat"><img id="dgridPost__ctl3_postBriefCtrl_imgCategory"
src="images/Medium/cat1.gif" alt="" border="0" /></div>
<div class="enlace1">
<a id="dgridPost__ctl3_postBriefCtrl_hylPost"
href="post.aspx?idPost=15">ver post completo</a>
</div>
<div class="comentario1">
<a id="dgridPost__ctl3_postBriefCtrl_hylComments"
href="post.aspx?idPost=15&#Comments">comentarios</a>
<span id="dgridPost__ctl3_postBriefCtrl_lblCommentsQnty">(2)</span>
</div>
<div class="descargar1">
</div>
<div class="calificar1">
<img id="dgridPost__ctl3_postBriefCtrl_rateCtrl_imgRate"
src="images/rate0.gif" alt="Rate 0" border="0" />
</div>
</div>
<div id="right">
<p><span id="dgridPost__ctl3_postBriefCtrl_lblPostTitle" class="tit">Prueba de
la prueba de la extension 2 prueba de la extension 3 prueba asdf asdf asdf
asdfs</span><p>
<p><span id="dgridPost__ctl3_postBriefCtrl_lblPost_Cr_Date"
class="fecha">30/05/2006 16:53:04</span></p>
<p><span id="dgridPost__ctl3_postBriefCtrl_lblPostBrief" class="txt">Prueba de
la extensión Prueba de la extensión Prueba de la extensión Prueba de la
extensión Prueba de la extensión Prueba de la extensión Prueba de la
extensión</span></p>
</div>
<div class="linea"></div>
EL css para este sector es:
#left {
width:170px;
background-color:#F1F1F1;
float:left;
}
#left #cat{
float:right; clear:right;margin:4px 0 0 0; padding:0px;/*border:1px solid
#000;*/}
#left .enlace1, .descargar1, .comentario1{
clear:left;
font: 9px verdana,sans-serif;
color:#34403A;
background-color:#FFFFFF;
background-image:url(../images/links.gif);
background-position:right;
background-repeat:no-repeat;
width:122px;
height:18px;
line-height:18px;
margin:2px;
padding: 2px ;
float:left;/*border:1px solid #000;*/}
#left .descargar1{
background-image:url(../images/descarga.gif) ;
background-position:right;
background-repeat:no-repeat;}
#left .enlace1 a, .descargar1 a { display: inline; padding-right:18px; }
#left .enlace1 a:hover, .descargar1 a:hover{ display: inline;
padding-right:18px; }
#left .enlace1 input, .descargar1 input, .comentario1 input{ display: inline;
padding-right:18px;}
#left .comentario1 a{ display: inline; }
#left .comentario1 a:hover { display: inline; }
#left .calificar1 img{padding:2px; clear:left; margin:2px;
margin-bottom:5px;float:left; width:118px;}
#left .comentario1 #lblCommentsQnty{display: inline;padding-right:15px; }
#right {
width:200px;
background-color:#fff;
margin:4px 0 0 5px;
padding:0px;
float:left;
/*border:1px solid #000;*/
}
Muchas gracias por la ayuda!
Mariana
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Alejandro Lillo
Sent: Sábado, 20 de Mayo de 2006 08:32 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] ayuda con flotados en safari.
Hola Mariana,
> Necesito ayuda con un error con flotados en safari...que no encuentro
> solución desde hace un día...
> Tengo dos div: left, right. Left se coloca en su lugar, pero right se pone
> debajo de left ...
> La página se ve perfecta en FF y en i.e pero en safari es el problema.
> Intente colocarle una medida menor al div right pero no era eso...clear y
> tampoco...
> Les copio la porción de css para ver si entienden que me falta o me sobra...
Es CSS así suelto está perfecto:
http://www.nordic-design.net/test.html
Así que sin más pistas (parte del html) será difícil ver el error. ¿No
puedes aislarnos parte del html y colgarlo en alguna parte?
un saludo,
--
Alejandro Lillo
www.nordic-design.net
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
