'.chr(10); endif; ?>
Brand new example of 3-columns CSS layout in XHTML 1.0 Strict. And probably with no MSIE bug triggering construction!
Using layout ';
if ( $cssla6 !== '' ): echo 'and for IE6 ' . $cssla6 . ' '; endif;
echo 'Content: ' . $browdata['httpver'] . ' ';
echo 'Charset: ' . $browdata['charset'] . ' ';
echo 'XHTMLok: ' . ( $browdata['xhtmlok']>0 ? 'yes' : 'no') . ' ';
echo 'IE ver.: ' . $browdata['msiever'] . ' ';
echo '
'.chr(10);
echo 'Accept: '. $_SERVER['HTTP_ACCEPT'] .'';
?>
This solution was inspired by A List Apart: In search of the Holly Grail after unsuccessful try to combine this approach with :hover efect in MSIE. Therefore there is solution based on floats without positioning (which solve :hover triggered MSIE vanishing elements) and compatible with almost every browser in XHTML Strict mode.
Equal heights for floats were adopted from Position Everything: OneTrueLayout - Equal heights with small fix for small overflow bug found in Opera 9.x (but may be it was fault in page conception and not Opera's bug).
Main area for primary informations. It is situated at the first place in RAW data so non-CSS browsers will see this part first. Also SEOs will be pleased, may be bots too :-).
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper, tellus et lobortis dictum, arcu pede auctor velit, non dictum felis orci ac neque. Integer id neque sed ligula elementum pretium. Etiam vitae ligula ac elit ultricies iaculis. Maecenas eget urna. Quisque et dolor. Suspendisse potenti. Curabitur tellus velit, facilisis sed, commodo dapibus, consequat sed, tortor. Sed magna libero, suscipit id, ultricies luctus, faucibus ut, dolor. Sed consectetuer, augue id lacinia hendrerit, eros velit elementum nunc, ut volutpat mauris turpis ac risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus gravida tincidunt libero.
Purpose of the second area is to be container for navigation like page menu and so on.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper, tellus et lobortis dictum, arcu pede auctor velit, non dictum felis orci ac neque. Integer id neque sed ligula elementum pretium. Etiam vitae ligula ac elit ultricies iaculis. Maecenas eget urna. Quisque et dolor. Suspendisse potenti. Curabitur tellus velit, facilisis sed, commodo dapibus, consequat sed, tortor. Sed magna libero, suscipit id, ultricies luctus, faucibus ut, dolor. Sed consectetuer, augue id lacinia hendrerit, eros velit elementum nunc, ut volutpat mauris turpis ac risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus gravida tincidunt libero.
Last column is like uniform costume. There should be any unimportant things like ads for goods on sale etc.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper, tellus et lobortis dictum, arcu pede auctor velit, non dictum felis orci ac neque. Integer id neque sed ligula elementum pretium. Etiam vitae ligula ac elit ultricies iaculis. Maecenas eget urna. Quisque et dolor. Suspendisse potenti. Curabitur tellus velit, facilisis sed, commodo dapibus, consequat sed, tortor. Sed magna libero, suscipit id, ultricies luctus, faucibus ut, dolor. Sed consectetuer, augue id lacinia hendrerit, eros velit elementum nunc, ut volutpat mauris turpis ac risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus gravida tincidunt libero.
©2006-2007 [PeS+] software™ development - XHTML 1.0 Strict