Re: [WSG] Jello Mold not working right in IE/Win

[Thomas Livingston]

On Jan 10, 2006, at 7:00 PM, Seona Bellamy wrote:As a result, the last button of my main navigation is dropping down to the next line. We had this a lot. For us, it was a matter of making sure the actual content didn't exceed the available width of the content's container (possibly 'wrapper', if you kept the Jello default names) - keeping in mind padding, borders etc. Usually we could only go to 92% - 96% of the width to keep things from dropping. That just might be us though. We have 2 and 3 col layouts inside the Jello mold and that got a little tricky...HTH-Tom LivingstonSenior Multimedia ArtistMedia Logicwww.mlinc.com 

Re: [WSG] Jello Mold not working right in IE/Win

[Seona Bellamy]

Thanks Scott and Paulo, those were excellent definitions. I understand it a lot better now. So back to fiddling for a while.

Cheers,

Seona.

Re: [WSG] Jello Mold not working right in IE/Win

[webmaster]

#sizer {width:_expression_(document.body.clientWidth
 > 1554 ? "402px" : "75%" );}



I would prefer not to have to fiddle with the proportions of the
buttons just for IE, so would it be possible for someone to translate
that _expression_ into plain english for me so I can fiddle with the
numbers instead? I don't understand what they're all doing, so it's
difficult to know where to make the changes I need.

Cheers,

Seona.

All the above means: 
"if the screen width is wider than 1554px then #sizer will be 402px wide, or else it will 75% of the screen width"

I hope that was clear enough, it's the best I came up with ;-)

All the best and good luck

Paolo Dodet

RE: [WSG] Jello Mold not working right in IE/Win

[Scott Swabey]

Seona Bellamy wrote:
> #sizer {width:expression(document.body.clientWidth > 1554 ? "402px" :
"75%" );}
> would it be possible for someone to translate that expression into plain
english for me

Hi Seona

Hope this clarifies.

The expression says:

"If the body/viewport[1] width is greater than 1554px then set the width of
the sizer element to 402px, otherwise set the width to 75%"

[1] Browsers implement the measurement of document.body.clientWidth
differently, mostly falling into either of the viewport width minus the
scrollbar, or the width of the body element.

Regards

Scott Swabey
Design & Development Director

Lafinboy Productions
www.lafinboy.com


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] Jello Mold not working right in IE/Win

[Seona Bellamy]

On 11/01/06, Duckworth, Nigel <[EMAIL PROTECTED]> wrote:







> 
Can anyone who is running a 
larger resolution than 1024x768 please have a look and tell me if the layout is 
holding up?
 
Looks 
good at 1600-1000px. Scrollbar appears at 999px.  
 -Nigel
Thanks Nigel. That's exactly where the scrollbar is supposed to appear.
:) The design is then supposed to be able to expand up to about 1240px
or so, after which it stops getting wider.

That's the theory, anyway

Cheers,

Seona.

Re: [WSG] Jello Mold not working right in IE/Win

[Seona Bellamy]

On 11/01/06, Thomas Livingston <[EMAIL PROTECTED]> wrote:
On Jan 9, 2006, at 5:25 PM, Seona Bellamy wrote:
Can anyone who is running a larger resolution than 1024x768 please have a look and tell me if the layout is holding up? 


Sorry no time to peek, but I am using this on a current project...#sizer {width:_expression_(document.body.clientWidth
 > 1554 ? "402px" : "75%" );}Works great for us...


Thanks for that, Tom. It's certainly better than what I had, in that it
looks a bit more reasonable from a logic point of view, but I'm finding
it's just a touch too narrow. As a result, the last button of my main
navigation is dropping down to the next line.

I would prefer not to have to fiddle with the proportions of the
buttons just for IE, so would it be possible for someone to translate
that _expression_ into plain english for me so I can fiddle with the
numbers instead? I don't understand what they're all doing, so it's
difficult to know where to make the changes I need.

Cheers,

Seona.

RE: [WSG] Jello Mold not working right in IE/Win

[Duckworth, Nigel]

Title: Message



> 
Can anyone who is running a 
larger resolution than 1024x768 please have a look and tell me if the layout is 
holding up?
 
Looks 
good at 1600-1000px. Scrollbar appears at 999px. 
 
-Nigel
 
 

Re: [WSG] Jello Mold not working right in IE/Win

[Thomas Livingston]

On Jan 9, 2006, at 5:25 PM, Seona Bellamy wrote:Can anyone who is running a larger resolution than 1024x768 please have a look and tell me if the layout is holding up? Sorry no time to peek, but I am using this on a current project...#sizer {width:_expression_(document.body.clientWidth > 1554 ? "402px" : "75%" );}Works great for us...-Tom LivingstonSenior Multimedia ArtistMedia Logicwww.mlinc.com 

Re: [WSG] Jello Mold not working right in IE/Win

[Justin Carter]

On 1/10/06, Justin Carter <[EMAIL PROTECTED]> wrote:
> What I'm seeing in IE6 is a fixed width layout that is centered at
> resolutions above 1024x768. I'm also seeing a horizontal scrollbar on
> my second monitor at 1024x768 (maximised), so it seems the width might
> need to be 1 or 2 pixels less.

Sorry, I also meant to say that in IE6 it is displaying at fixed width
even below 1024x768. This was the whole point I was trying to make,
because the conditional comment is there to work around IE not
supporting max-width, however since the layout does not seem fluid
(i.e. it has a fixed width) there is no reason to even bother
implementing a max-width.

Did you intend the layout to be fluid at smaller resolutions?
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] Jello Mold not working right in IE/Win

[Justin Carter]

On 1/10/06, Seona Bellamy <[EMAIL PROTECTED]> wrote:
>
> Can anyone who is running a larger resolution than 1024x768 please have a
> look and tell me if the layout is holding up?
>
> Even better, can someone explain to me what the code in this conditional
> comment is doing in the first place? According to the Creator it is to "give
> IE/5/6/Win the javascript hack that helps them do max-width" but I'm not
> sure how or why

I think the numbers in the expression are entirely wrong. I believe IE
is always evaluating to tru because the clientWidth (browser window
width) is always larger than 0. expression() is used to evaluate a
JScript statement (its an MS proprietary thing I think), and the
statement in the code you pasted above is like a short hand of of an
IF..THEN..ELSE statement. It's evaluating the width of the browser
client window, then returning the value before the colon if the
expression is true, or the value after the colon if it's false.

What I'm seeing in IE6 is a fixed width layout that is centered at
resolutions above 1024x768. I'm also seeing a horizontal scrollbar on
my second monitor at 1024x768 (maximised), so it seems the width might
need to be 1 or 2 pixels less.

HTH
-justin.
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] Jello Mold not working right in IE/Win

[Seona Bellamy]

On 09/01/06, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
I haven't had a look at your page in IE win but noticed one thing inthe source code.In your conditional comment, the width of the _expression_ is set to anegative % value. Don't think that is correct.
> 
Hmm... good point. This was code generated by the Jello Mold Creator,
and I just copied it with the assumption that it was correct. 

So I've removed the "-" sign, and that seemed to help a tiny bit. I
started playing with the numbers and eventually came up with:



This makes the scrollbars go away on my screen (I'm running 1024x768,
which is the smallest resolution that the Jello Mold is accommodating -
management decision, not mine). Not sure what it does on larger
screens, however, since this sorry excuse for a computer I'm given
doesn't do anything higher.

Can anyone who is running a larger resolution than 1024x768 please have a look and tell me if the layout is holding up?

Even better, can someone explain to me what the code in this
conditional comment is doing in the first place? According to the
Creator it is to "give IE/5/6/Win the _javascript_ hack that helps them
do max-width" but I'm not sure how or why. The values I've eventually
come up with seem to make it work, but they don't make any sense. Who's
going to have a window smaller than 8px???

Cheers,

Seona.

Re: [WSG] Jello Mold not working right in IE/Win

[Philippe Wittenbergh]

On 9 Jan 2006, at 9:18 am, Seona Bellamy wrote:

I've used the Jello Mold Creator at Position Is Everything to  
handle the
sizing issues for the site I'm redeveloping. Seems to be working  
fine in
Firefox, but when I opened it in IE I found that it was far too  
wide. Ugly
sideways scrolling, content vanishing off the right side of the  
screen, the

works.

I'm pretty sure that I took everything I needed from the Creator,  
so can

someone please have a peek and see if they can figure out why IE isn't
behaving nicely?

Page: http://staging.renovate.com.au/
CSS: http://staging.renovate.com.au/_resources/layout.css


I haven't had a look at your page in IE win but noticed one thing in  
the source code.
In your conditional comment, the width of the expression is set to a  
negative % value. Don't think that is correct.







Philippe
---
Philippe Wittenbergh



**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

[WSG] Jello Mold not working right in IE/Win

[Seona Bellamy]

Hi guys,

I've used the Jello Mold Creator at Position Is Everything to handle
the sizing issues for the site I'm redeveloping. Seems to be working
fine in Firefox, but when I opened it in IE I found that it was far too
wide. Ugly sideways scrolling, content vanishing off the right side of
the screen, the works. 

I'm pretty sure that I took everything I needed from the Creator, so
can someone please have a peek and see if they can figure out why IE
isn't behaving nicely?

Page: http://staging.renovate.com.au/
CSS: http://staging.renovate.com.au/_resources/layout.css

Oh, and while you're there, if anyone can tell me why my logo image seems to be centring it would also be appreciated. ;)

Cheers,

Seona.