Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • New Text Document

    Загружено:

    Ayman Al Garhi
    6 просмотров3 страницы

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    TXT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    6 просмотров3 страницы

    New Text Document

    Загружено:

    Ayman Al Garhi

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 3

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st rict.

    dtd"> <html> <head> <style type="text/css"> body { margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: #FFFF00; border-top: 0px solid black; /* Test/Debug, otherwise leave actual table bord er as 0px */ border-right: 0px solid black; /* Test/Debug, otherwise leave actual table bo rder as 0px */ border-left: 0px solid black; /* Test/Debug, otherwise leave actual table bor der as 0px */ border-bottom: 0px solid black; /* Test/Debug, otherwise leave actual table b order as 0px */ } html { margin: 0px; padding: 0px; width: 100%; height: 100%; width: 100%; } table { border: 0px solid #000000; border-collapse: collapse; border-spacing: 0px; } #columnleft { margin: 0px; padding: 0px; width: 10%; height: 100%; /* Required by IE to inherit from wrapper (IE Hack) above */ background-color: #0000FF; border-top: 0px solid black; /* Test/Debug, otherwise leave actual table bord er as 0px */ border-right: 0px solid black; /* Test/Debug, otherwise leave actual table bo rder as 0px */ border-left: 0px solid black; /* Test/Debug, otherwise leave actual table bor der as 0px */ border-bottom: 0px solid black; /* Test/Debug, otherwise leave actual table b order as 0px */ /* position: absolute; */ float: left; } #columnright { margin: 0px; padding: 0px; width: 10%; height: 100%; /* Required by IE to inherit from wrapper (IE Hack) above */ background-color: #0000FF; border-top: 0px solid black; /* Test/Debug, otherwise leave actual table bord er as 0px */ border-right: 0px solid black; /* Test/Debug, otherwise leave actual table bo rder as 0px */

    border-left: 0px solid black; /* Test/Debug, otherwise leave actual table bor der as 0px */ border-bottom: 0px solid black; /* Test/Debug, otherwise leave actual table b order as 0px */ /* position: absolute; */ float: right; } #footer { margin: 0px; padding: 0px; width: 100%; height: 65px; background-color: #FFCC00; border-top: 0px solid black; /* Test/Debug, otherwise leave actual table bord er as 0px */ border-right: 0px solid black; /* Test/Debug, otherwise leave actual table bo rder as 0px */ border-left: 0px solid black; /* Test/Debug, otherwise leave actual table bor der as 0px */ border-bottom: 0px solid black; /* Test/Debug, otherwise leave actual table b order as 0px */ /* position: relative; */ } #clearfooter { clear: both; } #header { margin: 0px; padding: 0px; width: 100%; height: 65px; background-color: #FFCC00; border-top: 0px solid black; /* Test/Debug, otherwise leave actual table bord er as 0px */ border-right: 0px solid black; /* Test/Debug, otherwise leave actual table bo rder as 0px */ border-left: 0px solid black; /* Test/Debug, otherwise leave actual table bor der as 0px */ border-bottom: 0px solid black; /* Test/Debug, otherwise leave actual table b order as 0px */ /* position:relative; */ } #main { margin: 0px; padding: 0px; width: 79.8%; /* #columnleft + #main + #columnright = 100% width, but take aw ay 0.02% for the #main due to for some browser's inaccurate mathetical rendering , such as 100.1% or 100.2% which cause the Right Column to jump to the bottom, s o 99.8 % total width is better as it make the browser's glitch not be that notic eable. Just add some background color to the #wrapper so that the color can matc h either the #main or #columnright */ height: 100%; /* Required by IE to inherit from wrapper (IE Hack) above */ background-color: #FFFFFF; border-top: 0px solid black; /* Test/Debug, otherwise leave actual table bord er as 0px */ border-right: 0px solid black; /* Test/Debug, otherwise leave actual table bo rder as 0px */ border-left: 0px solid black; /* Test/Debug, otherwise leave actual table bor der as 0px */ border-bottom: 0px solid black; /* Test/Debug, otherwise leave actual table b

    order as 0px */ /* position: relative; */ float: left; } #wrapper { margin: 0px; padding: 0px; width: 100%; height: 100%; /* min-height: 80%; */ /* Might not be needed, it's an IE Hack... */ background-color: #FF0000; border-top: 0px solid black; /* Test/Debug, otherwise leave actual table bord er as 0px */ border-right: 0px solid black; /* Test/Debug, otherwise leave actual table bo rder as 0px */ border-left: 0px solid black; /* Test/Debug, otherwise leave actual table bor der as 0px */ border-bottom: 0px solid black; /* Test/Debug, otherwise leave actual table b order as 0px */ /* position: relative; */ } /* IE Hack - Layout REQUIRES a height here to work */ /* * html #wrapper {height: 100%;} */ </style> </head> <body> <div id="header">Header Text</div> <div id="wrapper"> <div id="columnleft">Left Text</div> <div id="main">Center Content</div> <div id="columnright">Right Text</div> </div> <div id="clearfooter"></div> <div id="footer">Footer Text</div> </body> </html>

    Вам также может понравиться