Layout Styles

Our layout styles are designed to be maximized for all the kinds of devices you may be using to browse the web these days. We support five different sizes:

In order to allow 5 different views, to fit all size browsers and mobile devices, at some point, usually between the Tablet and Narrow views, we need to make just one column of text, images, etc.

Here are our two most common layout styles:

5_14_5 Layout

The 5_14_5 Layout means that in our Desktop Layout, there are 5 40-pixel columns on the left, 14 in the center, and 5 on the right. It is used on BelizeCrafts.com, Cavetubing.bz, CerrosSands.com, Chetumal.com, Corozal.com, Corozal.bz, Linux.bz, Obamaninjas.com, and others.

5_19 Layout

The 5_19 Layout means that in the Desktop Layout, there are 5 40-pixel columns on the left, and 19 on the right. It is used on Belize4mileMarina.com, CopperhorseInn.com, DWGPhotography.com, JWebs.bz (this site), Mirador.bz, PFBz.com, TABuilders.bz, Tradewinds.bz, Zipline.bz, and others.

Other Layouts

6_18 Layout

The 6_18 Layout is similar to the 5_19 Layout except that it has one column (40 pixels) more in the divleft and one column (40 pixels) less in the main division.

This layout is used for SerenitySands.com and others.

4_20 Layout

The 4_20 layout similar to the 5_19 Layout except that it has one column (40 pixels) less in the divleft and one column (40 pixels) more in the main division.

This layout is used for BelizeTransfers.com, CapitalFactory.bz, ContourCP.com, and others.

24 Layout

The 24 Layout has neither a divleft nor a divright. So as in the Narrow and Mobile Views of most layouts, there is a horizontal menu in the header and the footer instead of a vertical menu in the divleft.

This layout is used for AlmondTreeResort.com, BelizeVipAutoRental.com, and others.

Printing and Divmain

Actually, all layouts have 3 more divisions than we have explained already. There is one container division, called the divmain, that includes the header, main, and footer divisons. Also there is one just below the divhead, the printhead, and another above the divfoot, called the printfoot. These print divisions are displayed only when printing, and when printing the divleft and divright divisions are not printed. So if a page is intended to be printed, information can be placed in the printhead and/or the printfoot that does not appear on a page unless it is printed. It could include a URL or even a QR code to locate the website or the page online.


There are other layout styles, but the examples above cover over 90% of our websites.

Printed from jwebs.bz (Features, Layout Style - JWebs)