Skip navigation
IsDezeNogVrij
Currently Being Moderated

Equal height with fluid grid (and an image)

Mar 2, 2013 5:54 AM

Tags: #image #safari #height #grid #fluid #equal

Hi,

 

I am struggling with the following issue.

 

I haven made a page with fluid grid layout.

Within that grid I want to show some columns with equal height.

 

All works fine until I add an image on the bottom of the column.

Then Safari  and chrome show the page all messed up (not always when loaded for the first time but every time when page is refreshed).

Firefox works fine by the way.

 

I've got two questions:

1) Is there a solution for the Safari/Chrome issue

2) Is it possible to reload/recalculate the height when the width of the screen changes

 

You can see my example at:

http://develop.web-o.nl/you.shtml


Johan

 
Replies
  • Currently Being Moderated
    Mar 2, 2013 9:29 AM   in reply to IsDezeNogVrij

    No.  Equal height columns will not work with FluidGrid Layouts. 

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 3, 2013 8:30 AM   in reply to IsDezeNogVrij

    I also faced a similar issue while creating my layout. I worked around it by adding a P tag with a period '.'

    where the color of this period was same as the background.

     

    not very neat but worked

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points