Design Groups wrote:
> >>Interesting! But difficult to say ( for me, though) if there is no
>concrete code: lack of data. Does it need to be horizontally liquid?<<
>
>Right now, I'm going to say "no". I'm planning to code this out with a
>fixed-width site that gets centered - that's *typically* what my boss
>wants. But the last site I did needed to be fluid - that's something I
>will have to clarify with them. But I feel that if I can get a good
>handle on this border thing (I got a good idea from Stephen I'm going to
>play with involving nested divs and a 2px padding/margin to expose the
>"background behind") then I can eventually make it fluid horizontally
>(if I really need it to be) - I'm pretty good at playing around with
>things. This one's just a first for me.
>
>If it helps, for this boss (I subcontract to design houses), I always
>try my hardest to code in XHTML 1.0 Strict - but there may be a
>transitional need every now and again. I also need to make the site
>conform to browsers 5+ (except IE5 Mac - unless I'm slick and I can
>manage it, which occasionally happens by some unforseen miracle. :) )
>
> >>Is there a minimum height for the top and/or bottom part? That kind
>of things.<<
>
>No, I try to stay away from min-heights unless absolutely necessary. I
>*can* do it - but I prefer to let the content and font size determine
>the height.
>
> >>I give it a good chance that an adapted Liquid Corner's principle
>will do it.
>http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-08a.htm
>Then split up in some more div's. <<
>
>Ooooo...thank you - I'll definitely look into this :)
>
> >>Maybe also a (shh... ) table is needed: <<
>
>Hehe...yeah, unfortunately, sometimes that happens no matter what you
>try to do about things ;)
>
>Thanks so much, I'm going to keep plugging away at this - I really
>appreciate it!
>
>~Shelly
>
Hi Shelly,
Ta-da!
Could not resist the temptation to experiment the funny borders.
- Funny, funny: seems everything is ... possible! :-)
* Horizontally & vertically liquid.
* Font-scaling no problem.
* Valid code in XHTML 1.0 Strict is working in NS6, IE6 (yes!),
FF1.07, Opera 8.01, Mozilla 1.71.
* No minimum height needed (that is: if the content is large enough
to have the height of the gradient; otherwise the gradient-img has
to be smaller).
* No table needed.
* At the moment reso-proof from 800x600 -- 1280x1024; for very high
resolutions only the top-bottom image has to be enlarged (easy done).
And the test page is (just added):
*Liquid Playgarden Example #10: The Gradient Border
*http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-10-xhtml-strict.htm
(html-code inside is not yet clean and clear, still hot from cooking,
but working & valid)
(not yet in the index of the playgarden, will follow)
(some javascript added, only for the show)
Have fun with it: hope this is kind of what you mean!
Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
