[Pro] Box model - what am I STILL doing wrong?

I’ve had this a few times of late and I suspect it’s to do with floats and clears. For example, I have created a column of html items within a html container. The items all vary in depth but they are exactly the same width as the container. This container is itself inside another larger container.

I’m not sure exactly what the trigger for the problem is - invariably it is just clicking on one of the elements, but everything appears to disappear from the page. On investigation, one or more items have expanded horizontally from 960px to 32800px. Immediately clicking ‘undo’ has no effect.

What floats and clears should I be applying to items to achieve a single column of items aligned to the left? - is it float left, clear both applied to all the items?

And how about a 2 column grids of items? - I assume the LH items are align left but what about the clears?

Thanks in advance

Neil


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If it makes any difference, after trying to redo the widths after the last time this happened, FW unexpectedly quit and has since repeatedly quit on startup. I have yet to reboot the Mac.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Neil,

Can you post a link?

Todd


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The items all vary in depth but they are exactly the same width as the container.

Are you entering the width to be numerically the same as the container? Remember you cannot fit something exactly the same size into itself - a physical impossibility - at least in the real world. You might be better to choose a % ie 99% to allow for a flexible layout.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

And this is a good screencast to give some insight into floats and clears.

david


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is the page (and menu) that I was modifying before it all went wrong: http://www.thinktankcd.com/Test/Stowasis/choosing-your-feature.html#mooFaq

I have another post now trying to find out why the moo accordion menu isn’t working either!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave

Are you entering the width to be numerically the same as the container?

Yes, I’m, creating a container 180px wide and placing items into it that are also 180px wide - something I’ve always done - is this wrong?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If the outer box has no padding or borders then fine, if the outer box
has say 5px padding that outer box will want to grow bigger, and can
knock on the problem the the next outer containing box.

David

On 1 May 2010, at 17:03, “neil.west1” email@hidden wrote:

Dave

Are you entering the width to be numerically the same as the
container?

Yes, I’m, creating a container 180px wide and placing items into it
that are also 180px wide - something I’ve always done - is this wrong?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options