Fixed height columns in Foundation?

(Barrie McDermid) #1

I’ve been trying to get my columns to be the same height. I’ve checked the equaliser options in the columns, but it doesn’t seem to be working.

Any suggestions would be great.



(Phil) #2

There will be many suggestions, one from me

(Barrie McDermid) #3

Hi Phil,

Thanks for the suggestion, but I think that you can do it within the Foundation Stacks themselves, so I was hoping to understand how to do that rather than purchase a new stack.

I also think that there’s a way of doing it with BWD stacks, but they seem to have exceeded their bandwidth at the moment, so I can’t check their tutorial pages :frowning:

(Phil) #4

BWD Sections Equalize Height

(Andrew Tavernor) #5

The Foundation Equalizer will match the height of Foundation columns - it is just that they are transparent so probably won’t see it it. If you are wanting to equalize a visible background color for example then you need to equalize a content stack, such as a Panel, SectionsPro or Sections Box

Here is an example using SectionsBox - just set the Equalize Height setting to Foundation and turn it on for the column as well.

(Barrie McDermid) #6

Extremely kind Andrew - thank you!

(Barrie McDermid) #7

Is that a Rapidweaver 8 file? I haven’t upgraded from 7 yet and I can’t seem to preview - it just comes up with a blank screen?

(Andrew Tavernor) #8

No, it’s a RW7 file. Give me 5 mins and I’ll check it from the download link

(Barrie McDermid) #9

Thank you - it’s fine in edit mode, but I can’t see it in preview (either RW internal or external cmd+p)

(Andrew Tavernor) #10

That’s strange, It works fine for me…

Have you got SectionsBox and ProStyles installed?

(Barrie McDermid) #11

Yes - I have all of your stacks - not sure what’s going on? I’ll try and reboot RW to see if that does anything.

(Andrew Tavernor) #12

I have had 2 other people test it and they have both reported to me that it is working fine with screenshots the same as mine

(Barrie McDermid) #13

I wish I knew what was going on. I’ve just tried to download the file on my MacBook and have been unable to do so in Safari. I managed to download it in Firefox, but get the same result. All my stacks are up to date and Rapidweaver is up to date?

If anyone has any suggestions I could try, I’d be grateful to hear them :cry: :

(Robert Ziebol 🖖🏼) #14

Works for me here in RapidWeaver 7

(Barrie McDermid) #15

It works, kind of, but when I turn the first column’s Equalize Height to off?

Though it seems to cut off some of the text from the third column. I don’t suppose this provides any light bulbs for anyone?

(Barrie McDermid) #16

It would appear that if I don’t turn on “Equalize height” for the tallest column then it works as required. Does that make sense?

(Andrew Tavernor) #17

@Bazza there is something very strange going on with your installation. 5 separate people have checked this now and it works OK so I think its safe to say we need to get to the bottom of what is different on your machine.

Could you publish a couple of test pages, one as per my file with no modifications and one with the EQ turned off in the first column (which should not work at all).

If you could put a line of text above and below the columns it would help - particularly on the page where they don’t show up at all.

Let me know the url and I’ll take a look.

(Barrie McDermid) #18

Hi Andrew. this is a link to the project

Here’s link to the same page but with the third column’s Equalize height turned off

And here’s the page I want the Equalize Height function to work on. In each row, the longest column has the feature turned off.

(Andrew Tavernor) #19

Seems all fine to me - I’m guessing that you have a cache that needs clearing somewhere.

(Robert Ziebol 🖖🏼) #20

Have to agree with Andrew, both /page/ and /page-3/ look the same to me… Do you have any extensions turned on in Safari???

Here are some screenshots: looks like this:

And looks like this:

You can see the URLs in the screenshots.