Re: [WSG] Jello flexible layout
On Tue, 04 Oct 2005 18:18:15 -0400, Jan Brasna [EMAIL PROTECTED] wrote: Umm, is this related to Jello exclusively? Yes. However, I managed to get the designer to go another direction with reguards to full height. But full height using Jello Mold is tricky because one of the key structural elements must have a height of 0 within a Holly Hack for IEWin. Traditionally, the hack is used with height:1% (for hasLayout I believe) but anything other than 0 breaks this layout in IEWIN. I emailed Mike Purvis, author of Jello Mold. He got full height working in most browsers, but the test he sent me breaks in IEWin, probably because of the above. If I catch wind of it working cross-browser, I'll repost. Thanks everyone. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** 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 flexible layout
On 5 Oct 2005, at 10:19 pm, Tom Livingston wrote: However, I managed to get the designer to go another direction with reguards to full height. But full height using Jello Mold is tricky because one of the key structural elements must have a height of 0 within a Holly Hack for IEWin. Traditionally, the hack is used with height:1% (for hasLayout I believe) but anything other than 0 breaks this layout in IEWIN. What Jello Mold need is 'hasLayout' [1] in order to paint those containers correctly in IE. Hence the use of the 'holly hack', which is one the methods to trigger hasLayout. There are other methods though: you could try 'zoom:1', or 'display:inline-block'. Then use and additional container/wrapper to force the height. [1] http://www.satzansatz.de/cssd/onhavinglayout.html Philippe --- Philippe Wittenbergh http://emps.l-c-n.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 flexible layout
I did an experiment with the full height thing about a year ago. I was absolutely baffled but what I found out, is if you leave out the doctype, full height will work in IE. But does not work with a doctype. Obviously because the browser has kicked into the dtd's mode. You can see the final product of the site I built for a few banks. Here's one: http://www.firstgaston.com Take a look at the code and steal whatever you think you can use. I ended up using a table to get things done correctly. Buddy Tom Livingston wrote: On Tue, 04 Oct 2005 18:18:15 -0400, Jan Brasna [EMAIL PROTECTED] wrote: Umm, is this related to Jello exclusively? Yes. However, I managed to get the designer to go another direction with reguards to full height. But full height using Jello Mold is tricky because one of the key structural elements must have a height of 0 within a Holly Hack for IEWin. Traditionally, the hack is used with height:1% (for hasLayout I believe) but anything other than 0 breaks this layout in IEWIN. I emailed Mike Purvis, author of Jello Mold. He got full height working in most browsers, but the test he sent me breaks in IEWin, probably because of the above. If I catch wind of it working cross-browser, I'll repost. Thanks everyone. ** 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 flexible layout
On Wed, 21 Sep 2005 12:43:42 -0400, Jan Brasna [EMAIL PROTECTED] wrote: Someone mentioned the Jello layout style during the clearleft thread (thank you who ever you are -- very cool!) You're more than welcome :) I was wondering if anyone has used this and if they ran into any problems Since it is pretty easy to inject to a failsafe layout, it won't (most likely) mess the layout. Just go ahead and try :) I've been playing with it recently and I've came across no problems at all. Jan, I have been trying to implement the Jello on my current project when I was just thrown a curve. The designer wants the page to be full height in the browser window, with a body bg pattern repeating for the area aoutside the page. I can't get this to work. Do you have any ideas? I know that one of the elements in the layour _must_ have a height of 0, which I think is my problem. Have you tried this? Sorry can't show you my page... :-( -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** 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 flexible layout
I had these same requirements...after trying to do it in CSS alone I decided it wasnt possible since you can't use height:100% for a container and it work like a table does. I ended up using a hybrid layout with a table for the general stuff but all controlled by css. It works. Buddy Tom Livingston wrote: On Wed, 21 Sep 2005 12:43:42 -0400, Jan Brasna [EMAIL PROTECTED] wrote: Someone mentioned the Jello layout style during the clearleft thread (thank you who ever you are -- very cool!) You're more than welcome :) I was wondering if anyone has used this and if they ran into any problems Since it is pretty easy to inject to a failsafe layout, it won't (most likely) mess the layout. Just go ahead and try :) I've been playing with it recently and I've came across no problems at all. Jan, I have been trying to implement the Jello on my current project when I was just thrown a curve. The designer wants the page to be full height in the browser window, with a body bg pattern repeating for the area aoutside the page. I can't get this to work. Do you have any ideas? I know that one of the elements in the layour _must_ have a height of 0, which I think is my problem. Have you tried this? Sorry can't show you my page... :-( ** 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 flexible layout
Tom Livingston said: The designer wants the page to be full height in the browser window, with a body bg pattern repeating for the area aoutside the page. This sticky footer solution might help: http://solardreamstudios.com/learn/css/footerstick/ Otherwise I have a js solution I can post later if needed. kind regards Terrence Wood. ** 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 flexible layout
I have been trying to implement the Jello on my current project when I was just thrown a curve. The designer wants the page to be full height in the browser window, with a body bg pattern repeating for the area aoutside the page. Umm, is this related to Jello exclusively? I suppose it's fully independent on it. So it's an design/CSS issue per se. Or does it work in fixed layout and fails with Jello? -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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 **
[WSG] Jello flexible layout
Hello list, Someone mentioned the Jello layout style during the clearleft thread (thank you who ever you are -- very cool!) but I was wondering if anyone has used this and if they ran into any problems with it. It seems to fit a need I have on an upcoming project and I wanna know now if I'm gonna wish I didn't go down the jello-lined path beforehand. TIA -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** 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 flexible layout
Someone mentioned the Jello layout style during the clearleft thread (thank you who ever you are -- very cool!) You're more than welcome :) I was wondering if anyone has used this and if they ran into any problems Since it is pretty easy to inject to a failsafe layout, it won't (most likely) mess the layout. Just go ahead and try :) I've been playing with it recently and I've came across no problems at all. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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 **
