Making boxes a standard height

I use three adjacent colour boxes across the page (or three text boxes), and make them all the same height using spacers if needed. But if someone looks at the page on a different size screen the boxes are no longer the same height and the page looks a mess.

How can I make the boxes a standard height that is not dependent on content????

720 Views
Message 1 of 3
Report
2 REPLIES 2
Square Champion

Thanks for your post @LBR1 , can you tell me more about what you're trying to achieve...do you just want colored boxes as design elements? If so, you could create bitmap photos that would just be a specific filled color, and insert those pics into photo grid on your page. I think as long as you pick square aspect ration then the pics will show the same size.

 

Or are you looking to have text boxes with type, inside a colored box? Do you have a page started as an example? Maybe looking at your underlying code could help offer another solution.

716 Views
Message 2 of 3
Report

Hi Charlie. I am using three coloured boxes placed side by side horizontally. Inside each box is a header, a picture, and some text.  The length of text varies a little so I can use spacers or line breaks to make the boxes the same height vertically but when I look at the layout on a screen with a different width to the one I designed the page on, the boxes are no longer the same height vertically. In Word you can make boxes a fixed height which is what I would like to do in Weebly. Does that help explain?

709 Views
Message 3 of 3
Report