Re: [Ovillo] ancho y largo de divs

2005-08-11 Por tema RicPlan.net
Que bueno
Ahora lo pruebo.

-- 
www.ricplan.net http://www.ricplan.net :: Richard Moret R-evolutions
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-10 Por tema Santiago Flores
ops, no es por metido
pero quiero decir por si no saben o por si saben que es mejor no usar esto

yo lo haria asi

#menu {
   width:165px;
   _width:170px; /* maldito IE */
 }

Así suelo hacer mis sitios y todavia no he tenido problemas.
claro que no es CSS válido, pero anda a pelos.


El 8/08/05, Abel Domínguez[EMAIL PROTECTED] escribió:
 Se me va la pinza :-P :
 
 #menu{
 width:170px;
 }
 
 htmlbody #menu { /* Para Mozilla y Opera */
 width: 165px;
 }
 
 Ahora si :)
 
 De igual manera esto vale para el resto de atributos
 (padding, margin, float, etc)
 
 
 - Original Message -
 From: Abel Domínguez [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Monday, August 08, 2005 8:56 PM
 Subject: Re: [Ovillo] ancho y largo de divs
 
 
 Hay alguna forma de darle a explorer un posicionamiento y que el resto de
 los navegadores tomen el de 609px?
 
 Un hack muy sencillo es (por ejemplo):
 
 #menu{
 width:170px;
 }
 
 htmlbody #submenu { /* Para Mozilla y Opera */
 width: 165px;
 }
 
 Como ves, te lo formatea para darle valores en FF y Opera
 mientras que el identificador #menu le da valor al ancho que
 tomará en IE.
 
 Siento no poder entretenerme en lo siguiente que comentas
 (prisas, prisas!). Espero que lo comentado al menos te sirva de ayuda
 :)
 
 Saludos y suerte,
 Abel Domínguez
 Dirección Creativa
 E: [EMAIL PROTECTED]
 W: www.nemografica.com
 
 
 - Original Message -
 From: maira [EMAIL PROTECTED]
 To: ovillo@lists.ovillo.org
 Sent: Monday, August 08, 2005 7:36 PM
 Subject: [Ovillo] ancho y largo de divs
 
 
 Hola.
 Estoy haciendo un site para un examen en la facu
 (http://www.vykus.com.ar/finalhw/)
 Tengo dos problemas:
 
 El primer problema está en la ubicación del menú que dice contacto y
 mapa del sitio, ya que en explorer, se posiciona por debajo del div
 del contenido y deja constantemente un gran espacio en blanco por debajo
 del mismo. Está ubicado con un margin-left: 609px; si lo pongo en 600px
 se elimina el espacio en blanco, pero la botonera deja de estar en su
 posición correcta tanto en explorer como en firefox. Hay alguna forma de
 darle a explorer un posicionamiento y que el resto de los navegadores
 tomen el de 609px?
 
 El segundo problema se da en Firefox, que no adapta el largo de los divs
 al contenido, y queda el mismo desplegado fuera del área
 correspondiente. Mi pregunta es que valores debo darle al div del menú,
 al del contenido y al que contiene a ambos para que se ajusten
 automáticamente.
 
 Toda ayuda será agradecida.
 Maira.
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-10 Por tema Inti Castro
On 8/10/05, Santiago Flores [EMAIL PROTECTED] wrote:
 
 pero quiero decir por si no saben o por si saben que es mejor no usar esto
 
 #menu {
 width:165px;
 _width:170px; /* maldito IE */
 }
 
 Así suelo hacer mis sitios y todavia no he tenido problemas.
 claro que no es CSS válido, pero anda a pelos.
 

acabas de responderte a vos mismo y no te diste cuenta. no conviene usar el 
metodo que planteas precisamente porque no es CSS válido.

con el metodo que planteaba Abel anteriormente uno puede tener una minima 
esperanza de que futuras versiones de ie que no tengan los bugs que hace que 
necesitemos de esta doble declaracion tambien entiendan el selector 
htmlbody por lo que terminarian aplicando las sentencias correctas.

no se si se entiende.

inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-10 Por tema Santiago Flores
No es valido pero si funciona, osea, no da error en ningun navegador.

lo que quiere decir que validado o no, no trae problemas

a mi lo válido no me preocupa si es que no da errores.

hay alguna razón más?

El 10/08/05, Inti Castro[EMAIL PROTECTED] escribió:
 On 8/10/05, Santiago Flores [EMAIL PROTECTED] wrote:
 
  pero quiero decir por si no saben o por si saben que es mejor no usar esto
 
  #menu {
  width:165px;
  _width:170px; /* maldito IE */
  }
 
  Así suelo hacer mis sitios y todavia no he tenido problemas.
  claro que no es CSS válido, pero anda a pelos.
 
 
 acabas de responderte a vos mismo y no te diste cuenta. no conviene usar el
 metodo que planteas precisamente porque no es CSS válido.
 
 con el metodo que planteaba Abel anteriormente uno puede tener una minima
 esperanza de que futuras versiones de ie que no tengan los bugs que hace que
 necesitemos de esta doble declaracion tambien entiendan el selector
 htmlbody por lo que terminarian aplicando las sentencias correctas.
 
 no se si se entiende.
 
 inti castro
 [EMAIL PROTECTED]
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-10 Por tema Inti Castro
On 8/10/05, Santiago Flores [EMAIL PROTECTED] wrote:
 
 hay alguna razón más?
 

te di dos razones:

   1. no es código válido. 
   2. no ofrece una certera compatibilidad con futuras versiones de 
   browsers.

cualquiera de las dos razones puede ser o no importante para vos. para mi 
ambas son bastante importantes aunque mas la segunda que la primera.

en todo caso, siempre es recomendable definir (siguiendo con el ejemplo que 
teniamos) el ancho correcto despues del ancho incorrecto, que se necesita 
para ie, por una cuestion de darle importancia en el orden al valor correcto 
y no al incorrecto.

imaginate que ie7 soluciona el bug que requiere que le asignes un ancho 
particular pero aun asi sigue reconociendo la propiedad _width. tu diseño 
terminaria rompiendose en ie7. si, en cambio, defines el ancho para ie 
normalmente y luego das el ancho correcto con htmlbody etc. estas dando 
un valor incorrecto y luego redefiniendolo correctamente. si ie7 soluciona 
el problema que hace que requiera un ancho especial y añade soporte para el 
selector htmlbody etc. entonces nada se rompe.

y no estoy delirando: 
http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx

inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-10 Por tema maira

Primero que nada muchas gracias a todos por responder a mi consulta.
Como puse en un post anterior, lo solucioné con PHP. No lo he probado 
mucho, pero es bastante cómodo.

En un archivo PHP tienen que colocar lo siguiente:

//

?php
header(Content-type: text/css);

$d = detect();
$b = $d['browser'];
$v = $d['version'];
$o = $d['os'];

function detect()
   {
   $browser = array (IE,OPERA,MOZILLA,NETSCAPE,FIREFOX,SAFARI);
   $os = array (WIN,MAC,LINUX);
   $info['browser'] = OTHER;
   $info['os'] = OTHER;
   foreach ($browser as $parent)
   {
   $s = strpos(strtoupper($_SERVER['HTTP_USER_AGENT']), $parent);
   $f = $s + strlen($parent);
   $version = substr($_SERVER['HTTP_USER_AGENT'], $f, 5);
   $version = preg_replace('/[^0-9,.]/','',$version);
   if ($s)
   {
   $info['browser'] = $parent;
   $info['version'] = $version;
   }
   }
   foreach ($os as $val)
   {
   if (eregi($val,strtoupper($_SERVER['HTTP_USER_AGENT']))) 
$info['os'] = $val;

   }
   return $info;
   }


echo


/* HACKS BROWSERS **/
?

#botones { margin-left: ?php
   if ($o == WIN  $b == IE  $v  5) {
echo 606px;;
   }else{
echo 609px;;
   }?
  


//


Como pueden ver, en la última parte declaré que para el id botones, el 
margin-left sea de 606px si detecta que se trata de Windows
con un explorer de versión mayor a 5. En caso de no ser así, que el 
mismo sea de 609px.
Y sigue siendo código válido, lo podemos adaptar a las diferentes 
versiones de explorer, etc.


Saludos.
Maira Vykus.




Inti Castro wrote:


On 8/10/05, Santiago Flores [EMAIL PROTECTED] wrote:
 


hay alguna razón más?

   



te di dos razones:

  1. no es código válido. 
  2. no ofrece una certera compatibilidad con futuras versiones de 
  browsers.
   
cualquiera de las dos razones puede ser o no importante para vos. para mi 
ambas son bastante importantes aunque mas la segunda que la primera.


en todo caso, siempre es recomendable definir (siguiendo con el ejemplo que 
teniamos) el ancho correcto despues del ancho incorrecto, que se necesita 
para ie, por una cuestion de darle importancia en el orden al valor correcto 
y no al incorrecto.


imaginate que ie7 soluciona el bug que requiere que le asignes un ancho 
particular pero aun asi sigue reconociendo la propiedad _width. tu diseño 
terminaria rompiendose en ie7. si, en cambio, defines el ancho para ie 
normalmente y luego das el ancho correcto con htmlbody etc. estas dando 
un valor incorrecto y luego redefiniendolo correctamente. si ie7 soluciona 
el problema que hace que requiera un ancho especial y añade soporte para el 
selector htmlbody etc. entonces nada se rompe.


y no estoy delirando: 
http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx


inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-10 Por tema Inti Castro
On 8/10/05, maira [EMAIL PROTECTED] wrote:
 
 lo solucioné con PHP. No lo he probado mucho.
 

pos pruebalo porque muchas versiones de opera se hacen pasar por ie y hay 
browsers que permiten seleccionar como qué browser identificarse frente a un 
sitio web.

no creo que la solución que aplicaste sea realista. podrias terminar 
sirviendo a firefox lo que tenias intencion de que solo vea ie.

inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-09 Por tema Inti Castro
On 8/8/05, maira [EMAIL PROTECTED] wrote:
 
 (http://www.vykus.com.ar/finalhw/)

Hay alguna forma de darle a explorer un posicionamiento y que el resto de 
 los navegadores
 tomen el de 609px?


para todos los browsers:
#selector { ... }

para ie:
* html #selector { ... }

mas filtros:
http://www.dithered.com/css_filters/css_only/index.php

Firefox, que no adapta el largo de los divs al contenido, y queda el mismo 
 desplegado fuera del área.
 

la solución es no definir ningun alto específico. de esta manera los divs 
se adaptan automaticamente al contenido. si este comportamiento lo tienes 
porque los contenidos de ese div estan todos flotados prueba esto: 
http://www.positioniseverything.net/easyclearing.html

inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] ancho y largo de divs

2005-08-08 Por tema maira

Hola.
Estoy haciendo un site para un examen en la facu 
(http://www.vykus.com.ar/finalhw/)

Tengo dos problemas:

El primer problema está en la ubicación del menú que dice contacto y 
mapa del sitio, ya que en explorer, se posiciona por debajo del div 
del contenido y deja constantemente un gran espacio en blanco por debajo 
del mismo. Está ubicado con un margin-left: 609px; si lo pongo en 600px 
se elimina el espacio en blanco, pero la botonera deja de estar en su 
posición correcta tanto en explorer como en firefox. Hay alguna forma de 
darle a explorer un posicionamiento y que el resto de los navegadores 
tomen el de 609px?


El segundo problema se da en Firefox, que no adapta el largo de los divs 
al contenido, y queda el mismo desplegado fuera del área 
correspondiente. Mi pregunta es que valores debo darle al div del menú, 
al del contenido y al que contiene a ambos para que se ajusten 
automáticamente.


Toda ayuda será agradecida.
Maira.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-08 Por tema Abel Domínguez
Hay alguna forma de darle a explorer un posicionamiento y que el resto de 
los navegadores tomen el de 609px?


Un hack muy sencillo es (por ejemplo):

#menu{
width:170px;
}

htmlbody #submenu { /* Para Mozilla y Opera */
width: 165px;
}

Como ves, te lo formatea para darle valores en FF y Opera
mientras que el identificador #menu le da valor al ancho que
tomará en IE.

Siento no poder entretenerme en lo siguiente que comentas
(prisas, prisas!). Espero que lo comentado al menos te sirva de ayuda
:)

Saludos y suerte,
Abel Domínguez
Dirección Creativa
E: [EMAIL PROTECTED]
W: www.nemografica.com


- Original Message - 
From: maira [EMAIL PROTECTED]

To: ovillo@lists.ovillo.org
Sent: Monday, August 08, 2005 7:36 PM
Subject: [Ovillo] ancho y largo de divs


Hola.
Estoy haciendo un site para un examen en la facu
(http://www.vykus.com.ar/finalhw/)
Tengo dos problemas:

El primer problema está en la ubicación del menú que dice contacto y
mapa del sitio, ya que en explorer, se posiciona por debajo del div
del contenido y deja constantemente un gran espacio en blanco por debajo
del mismo. Está ubicado con un margin-left: 609px; si lo pongo en 600px
se elimina el espacio en blanco, pero la botonera deja de estar en su
posición correcta tanto en explorer como en firefox. Hay alguna forma de
darle a explorer un posicionamiento y que el resto de los navegadores
tomen el de 609px?

El segundo problema se da en Firefox, que no adapta el largo de los divs
al contenido, y queda el mismo desplegado fuera del área
correspondiente. Mi pregunta es que valores debo darle al div del menú,
al del contenido y al que contiene a ambos para que se ajusten
automáticamente.

Toda ayuda será agradecida.
Maira.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ancho y largo de divs

2005-08-08 Por tema Abel Domínguez

Se me va la pinza :-P :

#menu{
width:170px;
}

htmlbody #menu { /* Para Mozilla y Opera */
width: 165px;
}

Ahora si :)

De igual manera esto vale para el resto de atributos
(padding, margin, float, etc)


- Original Message - 
From: Abel Domínguez [EMAIL PROTECTED]

To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, August 08, 2005 8:56 PM
Subject: Re: [Ovillo] ancho y largo de divs


Hay alguna forma de darle a explorer un posicionamiento y que el resto de 
los navegadores tomen el de 609px?


Un hack muy sencillo es (por ejemplo):

#menu{
width:170px;
}

htmlbody #submenu { /* Para Mozilla y Opera */
width: 165px;
}

Como ves, te lo formatea para darle valores en FF y Opera
mientras que el identificador #menu le da valor al ancho que
tomará en IE.

Siento no poder entretenerme en lo siguiente que comentas
(prisas, prisas!). Espero que lo comentado al menos te sirva de ayuda
:)

Saludos y suerte,
Abel Domínguez
Dirección Creativa
E: [EMAIL PROTECTED]
W: www.nemografica.com


- Original Message - 
From: maira [EMAIL PROTECTED]

To: ovillo@lists.ovillo.org
Sent: Monday, August 08, 2005 7:36 PM
Subject: [Ovillo] ancho y largo de divs


Hola.
Estoy haciendo un site para un examen en la facu
(http://www.vykus.com.ar/finalhw/)
Tengo dos problemas:

El primer problema está en la ubicación del menú que dice contacto y
mapa del sitio, ya que en explorer, se posiciona por debajo del div
del contenido y deja constantemente un gran espacio en blanco por debajo
del mismo. Está ubicado con un margin-left: 609px; si lo pongo en 600px
se elimina el espacio en blanco, pero la botonera deja de estar en su
posición correcta tanto en explorer como en firefox. Hay alguna forma de
darle a explorer un posicionamiento y que el resto de los navegadores
tomen el de 609px?

El segundo problema se da en Firefox, que no adapta el largo de los divs
al contenido, y queda el mismo desplegado fuera del área
correspondiente. Mi pregunta es que valores debo darle al div del menú,
al del contenido y al que contiene a ambos para que se ajusten
automáticamente.

Toda ayuda será agradecida.
Maira.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo