Backdraft 1.5 SixWrapper refuses to behave

Hi

I’m putting together a responsive site that needs 6 icons at the bottom. I’m using Backdraft 1.5 and using the six wrapper module as my template. All works fine until I shrink the page so that the icons go to 2 columns on 3 rows. The bottom row jumps out of alignment with 1 icon lower than the other.

When I check the template module it works fine, it only misbehaves when I put my pics and text in

Any ideas?

Cheers.

Shaun

http://northsorthsouthdesign.info


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

Have you tried just putting “R & D” under that last icon - just in case the line being too long is causing it.

David


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

Something else:

sixfive has the following attributes

width: 48.2%;
margin-left: 3.4%;

However the one above, sixfour, at smaller widths the left margin is zeroed.

If you add up 2 items with (48.2 + 3.4) X 2 = 103.2%

D


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

The div ID #sixSix requires a margin-left: 0px; for the @media screen and (max-width:570px) breakpoint (theoretically).

But you know what?

This is pretty interesting cause at the latest breakpoint, the sorting order changes (as in the basic template as well). The “three” will get four and vice versa.

I’d call this lil buggy and has to be fixed by Caleb (changing floats for the objects and fixing margins by default).

This is one reason, why I teach my subscribers not to float right the last col (in my terms “grid”) cause I don’t see any reason for it (these days - in the past there had been a Firefox issue with it).

Another point is, that I teach as well using one non-semantic DIV more to avoid the fractal percentage values (but that’s another point).

Both are the main differences between our two products backdraft and screencasts (just for all BD followers).

Cheers

Thomas


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

Tried using R & D, Dave, and it didn’t make any difference. Hadn’t noticed the percentages being out. I will have a go at adjusting, but if I have no joy, I’ll pester Caleb :slight_smile:


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

Sorry - wasn’t ignoring your reply Thomas, just not too sure what it all means! :slight_smile:


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

Shaun,

Have you by chance modified the backdraft.min.css file in any way? When I run a diff on your CSS file compared to the one that shipped with BD 1.5 it shows that quite a bit of the CSS that works with the six column module has changed. Some of those modifications caused the problem that you are seeing here.


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

Hi Caleb

I haven’t knowingly altered any css within Freeway as I don’t really know how to do it. And I haven’t modified the files in any other editor either.

I have recreated the six icon module on another freeway doc and it works fine. But when I copy and paste it into this site, the same error happens!

What have I broken this time???

And more importantly - is there an easy way to fix it?

Cheers.

Shaun


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

Shaun,

Send me an email and I’ll walk you though troubleshooting and the fix.


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

I have just tried copying my 6 icon wrapper to another backdraft doc and it works fine, so it’s definitely something I’ve done!

Incidentally, the 3 column module is also misbehaving!

Will send you an email now…


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