Sorry for being rude and I know you didn't ask for design tips, but
why on earth is that banner image inside the first list item? This is
a clear example of misused jQuery aiding poor design, you should be
very happy it works the way it is! :D
But seriously, there is no need for the fade effects or ajax in this
page, plain old XHTML and good design would do it better.
Now for a proper technical answer: I'm really impressed it works as it
is in Firefox, for some reason it allows the <img> to go outside the
<li> bounds without affecting it's height, without a float or abs/rel
positioning. On IE your first <li> element extends all the way down to
the bottom of the image on the right, it's a wild guess why the
contact box is in place when you first load the page. I'd be inclined
to say that the proper positioning for it (with your code) is the
'wrong' one, when it's down after the image. The obvious solution is
to put that image in it's right place in the XHTML, a floated DIV
separate from the product list (ol).
- ricardo
On Sep 25, 1:36 pm, Alex Weber <[EMAIL PROTECTED]> wrote:
> absolutely!
>
> www.weberseguros.com/productos.php
>
> its the div with the border on the bottom with contact details... when
> you click on any product link it expands and when you click on the
> "Volver al Menu de Productos" link its supposed to shrink back to its
> original size...
> im considering just refreshing the page because its in position when
> the section opens if you're using IE, specially because the whole
> thing just doesn't work so nicely in terms of the menu resizing to fit
> the contents (in fact it doesnt work at all) but since i made this
> website pretty much for free for a family member (that lives in spain
> btw hence the spanish) im not gonna spend too much time on minor
> details like that :)
>
> On Sep 25, 1:03 pm, Eric <[EMAIL PROTECTED]> wrote:
>
> > Hmmm... If it's working in FF/Safari but not in IE, I'm still
> > guessing that a browser rendering difference is to blame (rather than
> > jQuery). Do you have any sample pages live on the web that I could
> > check out?
>
> > On Sep 25, 9:18 am, Alex Weber <[EMAIL PROTECTED]> wrote:
>
> > > Thanks Eric about the fadeIn() params that was careless of me but it
> > > doesn't seem to have made a difference... :(
> > > btw the div has no padding and ive tried resizing it down to 50px and
> > > it still doesnt fit....
>
> > > man i really hate IE sometimes...
>
> > > On Sep 25, 12:43 am, Eric <[EMAIL PROTECTED]> wrote:
>
> > > > Does #produtos_contato have any padding added to it? If so, IE could
> > > > be calculating the width of the overall element as more than "350px",
> > > > causing it to get bumped to the next line.
>
> > > > On Sep 24, 5:05 pm, Alex Weber <[EMAIL PROTECTED]> wrote:
>
> > > > > sorry i just took a look at the code and its a fadeIn() not a show()
> > > > > but really it doesn't change anything.. here's the code:
>
> > > > > $('#produtos_contato').css('width','350px');
> > > > > $('#produtos_links').fadeIn(resize);
>
> > > > > where resize() is a function that stretches the left menu panel as far
> > > > > down or up as the content goes (completely unrelated to the divs in
> > > > > the js)
>
> > > > > in firefox, opera, etc it works ok but in IE "#produtos_contato"
> > > > > doesn't seem to resize in time because its supposed to fit in
> > > > > alongside the div that fades in but instead sits under it...
>
> > > > > On Sep 24, 5:48 pm, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > > > > > There is no way a css() and show() could happen in the wrong order,
> > > > > > as
> > > > > > the second one only executes after the first one returns the object.
> > > > > > Is it an animated resize?
>
> > > > > > On Sep 24, 3:59 pm, Alex Weber <[EMAIL PROTECTED]> wrote:
>
> > > > > > > yeah bud thats a given i just wanted to confirm that there wasn't
> > > > > > > a
> > > > > > > callback and why not.
>
> > > > > > > thanks for all the replies!
>
> > > > > > > ajpiano wrote:
> > > > > > > > that sounds like an issue that needs debugging, not a
> > > > > > > > (superfluous)
> > > > > > > > change to the library core...
>
> > > > > > > > On Sep 24, 1:06 pm, Alex Weber <[EMAIL PROTECTED]> wrote:
> > > > > > > > > i realize that... i just needed this in a rare case where
> > > > > > > > > jquery is
> > > > > > > > > showing an element before resizing it, even though the resize
> > > > > > > > > statement (css) is before the show()...
>
> > > > > > > > > On Sep 23, 9:05 pm, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > > Yeah, it's just like doing
>
> > > > > > > > > > $('color','red'); alert('color changed');
>
> > > > > > > > > > On Sep 23, 5:15 pm, MorningZ <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > > > Callbacks are used to know when asynchronous events are
> > > > > > > > > > > complete...
> > > > > > > > > > > setting the css or class doesn't happen asynchronously
