[css-d] question re: vertical alignment of floated divs
Hi, I'll start by saying I don't yet have a site to post the html / css on to illustrate this, but I'm hoping it's a straightforward situation that doesn't require such. I have a container div and inside that I have 'rows' of fixed-size divs inside that container that are floated left. In order to get vertical alignment on the fixed-size divs inside the container div I am currently putting a negative top-margin on them. The left-most has 0em, next to the right has -1em, next to the right has -2em, etc.. I would like to have a container div that allows the number of fixed-size divs on each 'row' inside it grow or shrink based on available space. The need to put these negative margins on the inside fixed-size divs seems to preclude that. Is this just the nature of floats? If not, any words of wisdom or links to same would be much appreciated. TIA, Bill __ css-discuss [css-d@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/
Re: [css-d] question re: vertical alignment of floated divs
On 15.10.2011 18:06, Bill Walton wrote: I would like to have a container div that allows the number of fixed-size divs on each 'row' inside it grow or shrink based on available space. The need to put these negative margins on the inside fixed-size divs seems to preclude that. Is this just the nature of floats? No, it is not. Floats floated next to each other will naturally align vertically to the same line - no corrective top-margins needed. Unless you have made a coding-error something must be pushing down across the top of the container. Can't dissect your case based only on your description, but you should try floating the container div too as that will make it _contain_ its floated children and prevent the effect of collapsing margins on elements outside the container div from affecting elements inside it. Report back about the result, so we at least can figure out if we need to see your entire code or not. regards Georg __ css-discuss [css-d@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/
[css-d] OS X panter and CSS?
I have an older Powerbook which runs Panther (10.3) and which I might need to write HTML and CSS with. My question is, how useful for this purpose is this machine? Given the OS's age, and browsers that it can run, my concern is getting accurate proofing results. While it will accept an install of Tiger (10.4), this computer runs dog-slow on Tiger. The machine is a PPC powerbook, so nothing which requires an Intel processor will work, though I do notice that many browsers still support 10.3, so that part is encouraging. thanks for any thoughts on the matter. John __ css-discuss [css-d@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/
Re: [css-d] OS X panther and CSS? EC
My apologies...that should have read: Panther. J On Oct 15, 2011, at 5:31 PM, John wrote: I have an older Powerbook which runs Panther (10.3) and which I might need to write HTML and CSS with. My question is, how useful for this purpose is this machine? Given the OS's age, and browsers that it can run, my concern is getting accurate proofing results. While it will accept an install of Tiger (10.4), this computer runs dog-slow on Tiger. The machine is a PPC powerbook, so nothing which requires an Intel processor will work, though I do notice that many browsers still support 10.3, so that part is encouraging. thanks for any thoughts on the matter. John __ css-discuss [css-d@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/ __ css-discuss [css-d@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/
Re: [css-d] OS X panter and CSS?
On 10/15/11 8:31 PM, John wrote: I have an older Powerbook which runs Panther (10.3) and which I might need to write HTML and CSS with. My question is, how useful for this purpose is this machine? Given the OS's age, and browsers that it can run, my concern is getting accurate proofing results. While it will accept an install of Tiger (10.4), this computer runs dog-slow on Tiger. The machine is a PPC powerbook, so nothing which requires an Intel processor will work, though I do notice that many browsers still support 10.3, so that part is encouraging. thanks for any thoughts on the matter. John Dunno. Retire it? You got a CSS question? Best, ~d -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@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/
Re: [css-d] OS X panter and CSS?
On Oct 15, 2011, at 6:07 PM, David Laakso wrote: You got a CSS question? yeah, based on what I need to be able to see, can a machine/OS of this age handle it? thanks! John __ css-discuss [css-d@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/
Re: [css-d] OS X panter and CSS?
I would imagine you could install the latest Firefox (maybe Chrome) to test pages/assist with development and use browsercam for simple layout testing of other browsers. Check Textmate or Coda for a compatible editor. HTH Sent from iOS 5 On Oct 15, 2011, at 9:21 PM, John j...@coffeeonmars.com wrote: On Oct 15, 2011, at 6:07 PM, David Laakso wrote: You got a CSS question? yeah, based on what I need to be able to see, can a machine/OS of this age handle it? thanks! John __ css-discuss [css-d@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/ __ css-discuss [css-d@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/
Re: [css-d] OS X panter and CSS?
On Oct 16, 2011, at 9:31 AM, John wrote: I have an older Powerbook which runs Panther (10.3) and which I might need to write HTML and CSS with. My question is, how useful for this purpose is this machine? Given the OS's age, and browsers that it can run, my concern is getting accurate proofing results. While it will accept an install of Tiger (10.4), this computer runs dog-slow on Tiger. If Tiger is not an option, then you're pretty limited as far as browser choice concerned: the built-in Safari, Firefox 2.0.x, Camino 1.6, Opera 9, Opera 10.0 maybe. And that is it. Those are pretty old, full of bugs by todays standards. Everything newer requires at least Tiger or even Leopard (Chrome, Firefox 4+). (Panther was released October 24, 2003, fwiw) Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@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/
Re: [css-d] Navigation
I left all the tags in the css. I was only trying to keep the current css for your menu. I did take out things that will affect submenus. But there is an amazing tool that I use in Firefox, called Firebug. It's a web developer tool that you can view and edit the css live to see changes. (there are things similar in Chrome and IE - IE's is not great) http://www.michaelfokken.com/blog/code/example-code/css-for-ed-goodson.css Hope this helps. Sincerely, Michael Fokken http://whatiscss.michaelfokken.com/ __ css-discuss [css-d@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/
Re: [css-d] OS X panter and CSS?
I use Linux. VirtualBox runs Windows just fine, so having multiple Windows VMs makes doing things like testing with IE6/7/8/9 easy. Don't know if VirtualBox might still be available for your Mac OS version, but I think your PPC chip kind of precludes much chance of that. Might be time to buy yourself a new Mac! Tom Livingston wrote: I would imagine you could install the latest Firefox (maybe Chrome) to test pages/assist with development and use browsercam for simple layout testing of other browsers. Check Textmate or Coda for a compatible editor. HTH Sent from iOS 5 On Oct 15, 2011, at 9:21 PM, John j...@coffeeonmars.com wrote: On Oct 15, 2011, at 6:07 PM, David Laakso wrote: You got a CSS question? yeah, based on what I need to be able to see, can a machine/OS of this age handle it? -- David gn...@hawaii.rr.com authenticity, honesty, community __ css-discuss [css-d@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/
