Define Max Width of Site

[pmjd]

As nuBuilder expands to fill the whole window this may not be ideal behaviour for large widescreen monitors.

A suggestion is add the ability to define the maximum width of the nuBuilder page/site, so that if the screen is very wide the page body stops expanding to fill the whole screen and the page is kept closer to the middle. Also would mean the items on the breadcrumb holder aren't sent to the extreme left/right corners.

[kev1n]

Do you mean like this? (center nuBuilder with margins and max-width.)

Code: Select all

 body {
     max-width: 1080px;
     margin: 0 auto !important;
     float: none !important;
     border-style: solid;
     border-width: thin;
     border-color: rgba(128, 128, 128, 0.28);
     height: 99%!important;
}
 html {
     height: 100%;
}

center_max_width.jpg

[pmjd]

Close, and obviously it works.

However, I was thinking more of having a container div that everything went in, which could be styled separately to the body. So it would allow you to set specific colour(s) or image(s) for the body and the div. So rather than resorting to the unknown browser default backgrounds and making it look like an app that's cut out of place, it gives the nuBuilder coder more control to the overall site look and create a bit of contrast.

[kev1n]

Where would you fit in that container?

html.jpg

[pmjd]

Will need to get back to you on that one, will try out a few options and let you know.