Checkpoint 3.6 - Mobile-PDA

Float is a CSS directive that allows a element to be positioned to the left or the right of other content within the display container. This can be useful to control positioning on the screen without the use of tables as a layout framework. Some mobile devices, however, do not fully support all aspects of standard, web-based CSS and may therefore not be able to interpret and rendered floated elements correctly. This may make the page with floats messy or unusable.

Requirement

Floats are not used

Recommendation

Consider the flow of elements on the screen when designing for the mobile environment. Use CSS 1 properties for controlling layout and presentation.

Checking Tool

View the stylesheet for the page and locate any float directives.