Michael Leibson wrote:
This is in reference to uri: <http://www.thinkingmusic.ca/> > Hi, David; > > Thanks for this feedback! > > A few things I didn't quite get: > > Interesting visual. It would be nice to pull it off. No AP needed. > Really? How would one go about duplicating it without absolute > positioning? By using a float based construction. > > Set the black-like color as a background image. > I'm assuming you mean background image for the BODY element, yes? Yes. > > Set no height on containers carrying movable text. > I'm assuming you mean 'in order to get a fluid design, in which text > can be zoomed'. Yes, in order to get a vertically fluid layout so the type will not shoot out the bottom of hard coded containers when fonts are scaled. > If so, I guess I'd have to make all text containers that way. On some > of my pages, > I used text-align: justify -- and hyphenation coupled with <br> -- to > get some kind > of acceptable text display within my #left div. That text juggling > would have to go, > wouldn't it? See above. > > < http://chelseacreekstudio.com/ca/cssd/think.htm > <http://chelseacreekstudio.com/ca/cssd/think.htm>> > Hmm. . . I got a "Not Found" message, rather than the page. Probably > because > I hadn't had time to pick up my email till today, two days later? > I'd still like to > see what you've done, though, if that's not too inconvenient for you. I ate it :-) . Pemanently deleted it. Just as well-- better to do it yourself. If you want a fluid layout try this one: <http://blog.html.it/layoutgala/LayoutGala31.html> If you want a fixed width try this one: <http://blog.html.it/layoutgala/LayoutGala36.html> Either way change the font-size from 76 to 100%. The "extra" division is not needed for your layout. The high specifity is not needed on the selectors, either. div#container{...} can be #container{...} Treat it solely as a 2 col layout for now. The top jag you have can be added latter. Keep all the list items in the left column. You might use this list construction: <http://css.maxdesign.com.au/listamatic/vertical08.htm> Keep it very simple. Validate the CSS and markup as you go. Code to Opera/Firefox/Safari. > Cursory checked IE 6/7. Mac FF, Safari, Camino. And Mac Opera at > min-font size 32px > Ah, now I get it. . . and your earlier feedback, I think: you set > those browsers for a min-font size of 32 px to see if your design > would withstand that large font-size? I only set Opera at minimum font-size. The other compliant browsers where checked at +3 font-scaling. And IE 6/7 at text-size largest. > To be honest, I'd never even known about browser minimum > font sizes -- I'd only worried about 'zoom'. > > Thanks for taking the time to point these things out, David -- I > appreciate it! Sure. Please write the list, not just me. Others on the list may have suggestions for you. > > All the best, > Michael > > > > ~d ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
