Tag: CSS layout

This PHP code will allow you to detect if your website is being accessed using a mobile device. If being accessed by a mobile device, your server can automatically present an alternative layout without changing the URL of your website.

Image slide show is a good eye candy for your website to highlight some things about your company. If your website is powered by WordPress, you can put a simple slide show using the WP-Cycle plugin.

When creating a fixed width layout using auto margin, the master block element that contains all the other block element tends to shrink its height to zero as viewed in Firefox, Safari and Chrome, but not in Internet Explorer. A single line of code can force the master block element to expand like how it appears on non-centered fixed layout.

Margin and padding are two important attributes that are useful in providing appropriate spacing between HTML elements. In particular, they are useful in rendering proper spacing among block elements in a pure CSS layout. The difference between margin and padding and how they render to block elements will be discussed in this article.

Design a simple website with two columns (content and side menu), a header and a footer. The width is fixed but it can expand downward to accommodate more content.

A method of centering a fixed-width webpage that uses absolute position attribute to determine the exact coordinates of the outermost block element. You can center a webpage horizontally, vertically or both.

One way of centering all the elements of a webpage in a fix-width layout is by setting the margin of the outermost block element to some value and auto. Without this configuration, the default setting for most browsers is to flush all elements to the left. Note that there is no such thing as float:center; and the text-align:center; does not work in divisions.

This article explains how to design a simple website with two columns (content and side menu), header and footer. The dimensions are fixed. Even though it is unlikely that anyone will develop a website with such a rigid layout, this article serves as a prerequisite to all website layout tutorials.