ambiera home ambiera home

Ambiera Forum

Discussions, Help and Support.

Create a new account, Search, or Login:
Name:  Password:    
Ambiera Forum > RocketCake
Preventing repositioning of containers on wide screens
Author Text

petesteven
Guest
Quote
2017-08-10 17:43:00

Hello

I have a series of stacked containers on a page. The top container holds a picture, the one beneath has text, and this pattern repeats a number of times down the page. Each block of text refers to the picture above it.

On small screens, this layout is fine but when the page is displayed on a large monitor, the text containers jump up and reposition themselves to the right of the pictures instead of staying beneath them - this garbles the page layout.

I have tried setting maximum widths for all the containers but this makes no difference as they still reposition themselves when the screen stretches out wide. The only way I can keep everything in the correct order is to set the max width of the text boxes to None. When I do this, the text containers stretch out across the screen and prevent the picture containers from repositioning alongside. But this is extremely unsightly.

Any possible solutions would be most appreciated. I think Rocketcake is great!


petesteven
Guest
Quote
2017-08-11 18:45:05

Sorry - solved it myself!

The answer is simply to create a container for the whole page. By setting its maximum width you can then control the behaviour of any other container you place inside it. In my case I set the outer container to centralise so that when the page is viewed on a wide screen, the whole page moves to the centre of the window and all the containers within the box stay in the correct relationship.

Which all proves that RocketCake works well even for technical dunces like me!


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Internation?l" (you are not logged in)


Text:

 

  

Forum Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   





Software: Ambiera Light Forum. © 2008-2015 Nikolaus Gebhardt, Ambiera e.U.