definitaely...definatly....!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>South Korea Travel Site</title> <style type="text/css" media="screen"> /* A simple Browser Reset */ *{ margin:0; padding:0; } /* General Layout ________________________________*/ #page{ width:900px; position:relative; margin:0 auto; } /* Layout is inspired by the holy Grail, except that the content is wrapped around a floating div that pull the sidebars. */ #content { float:left; width:100%; margin-right:-100%; } .column { float:left; } /* You can easily change the layout proportions by just changing the matching values. For example, to have a 100px left sidebar, I just have to change all the 220 to 100 (and the -220 to -100). */ #content-inner { float:none; margin-left: 220px; /* LEFT Sidebar width */ } .left { width: 220px; /* LEFT Sidebar width */ margin-right:-220px; /* LEFT Sidebar width */ } #footer{ clear:both; text-align:center; font-size:1em; color: #000000; } #header{ clear:both; text-align:center; font-size:2em; height: 186px; } /* Equal Height Columns ________________________________*/ /* The columns are created using empty DIV that have to be inside the main wrapper (#page) and should be positionned relative. Each DIV have the same width as its corresponding columns (done by using class), and by postionning them absolutelly (bottom) and giving them a height of 100%, the DIVs fill the entire space that the columns should fill. As the actual content is not positionned absolutelly, the footer still behave normally and is pushed down by it. Last but not least, we have to set the z-index of the real content to 2 to bring it back on top of the columns. */ .bg{ position:absolute; bottom:0; height:100%; } #bgleft{left:0;} #bgright{right:0;} #bgcenter{ right:0; width:100%; } #content, #left, #right, #header, #footer{ position:relative; z-index:2; } /* COLORS */ #header, #footer{background-color: #ffffff;} #bgleft{background-color:#c0c0c0;} #bgcenter{background-color:#87ceeb;} /* menu padding */ ul{ margin:20px; } a:link {color:#0000ff} /* unvisited link */ a:visited {color:#ff0000} /* visited link */ a:hover {color:#000000} /* mouse over link */ a:active {color:#006600} /* selected link */ p.first { color: #000000; font-size: 36px; margin: 20px; text-align: center; } p. second { color: #000000; font-size: 20px; margin: 20px; text-align: center; } </style> </head><body background="images/bg.jpg"> <div id="page"> <div id="header"> <img src="images/banner.jpg"> </div> <div id="main"> <div id="content"> <div id="content-inner" class="column center"> <div align="center"><br> <p class="first"> Come Visit the Land of the Morning Calm! </p> <p class="second"> Click a City Outlined in Red to Begin! </p> <br> <p class="first"> <img src="images/southkoreamap.jpg" usemap="#skoreamap"/><map name="skoreamap"> <area shape="rect" coords="158,91,222,108" href="seoul.php"/> <area shape="rect" coords="163,116,211,130" href="suwon.php"/> <area shape="rect" coords="296,307,337,329" href="pusan.php"/> <area shape="rect" coords="114,326,165,343" href="mokpo.php"/> <area shape="rect" coords="208,331,247,347" href="yosu.php"/></map></p> </div> </div> </div> <div id="left" class="column left"><div align="center"><br> <p>South Korea</p><br> <span style="currentpage">Home Page</span><br><br><a href="seoul.php">Seoul</a><br><br><a href="suwon.php">Suwon</a><br><br><a href="pusan.php">Pusan</a><br><br><a href="mokpo.php">Mokpo</a><br><br><a href="yosu.php">Yosu</a><br><br><a href="dmz.php">DMZ</a><br><br><a href="hotels.php">Hotels</a><br><br><a href="contact.input.php">Contact Us</a><br><br><a href="gallery.php">Photo Gallery</a><br><br><br> </div> </div> </div> <div id="bgcenter" class="bg center"></div> <div id="bgleft" class="bg left"></div> <div id="bgright" class="bg right"></div> <div id="footer">© Peter Coan</div> </div></body> </html>FUCK
definitly
