Accommodation Perth WA

Percentage dimensions of the left menu layout

All the dimensions are in percentage widths so the layout adjusts to any screen resolution. Vertical dimensions are not set so they stretch to the height of the content.

Maximum column content widths

To prevent wide content (like long URLs) from destroying the layout (long content can make the page scroll horizontally) the column content divs are set to overflow:hidden. This chops off any content that is wider than the div. Because of this, it's important to know the maximum widths allowable at common screen resolutions. For example, if you choose 800 x 600 pixels as your minimum compatible resolution what is the widest image that can be safely added to each column before it gets chopped off? Here are the figures:

800 x 600: Left column: 162 pixels; Main page: 550 pixels
1024 x 768: Left column: 210 pixels; Main page: 709 pixels

The nested div structure

I've colour coded each div so it's easy to see:

Two column left menu layout nested div structure

The header, colmask and footer divs are 100% wide and stacked vertically one after the other. Colleft is inside colmask. The two column content divs (col1 & col2) are inside colleft. Notice that the main content column (col1) comes before the side column.

Cheap Hotels Perth

Hotels Near Perth Airport

Scarborough Beach

Popular accommodation books out well in advance especially Perth beach accommodation in summer! Beachside holiday accommodation near the Indian Ocean. Scarborough Beach accommodation has fully serviced short term apartment rental accommodation at Perth's best beach, 20min to Perth's CBD. The further back from the beach the cheaper the accommodation gets.

Beachside holiday accommodation in Perth near the Indian Ocean at Scarborough Beach accommodation Perth. Fully serviced hotel accommodation at Perth's best beach, 20min near the Perth CBD.