Jump to content

Help with bars or layout...


Recommended Posts

Hi i have problem with my layout the left and right side bars..here i got so far

<title> KS clans</title><meta name="keywords" content="Killer, Squad, Killer Squad, KS, KS clans, Battlestation Midway"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">body {background-image: url(http://i223.photobucket.com/albums/dd297/KYKK/Blackground-1.jpg);}<body style="margin: 0; padding: 0;"> #wrapper {	text-align: left;	margin: 0px auto;	padding: 0px;	border:0;	width: 900px;	}}#centre {margin: 0 0 200px 0;background-color: #FFFF00;width: 500px}#header {	margin: 0 0 0 0 	background: #000000;	height:0}#left {    margin: 0 20px 0 0;	float: left;	width: 200px;	background-image: url(http://i223.photobucket.com/albums/dd297/KYKK/Backgoundleftandright.jpg);}}#right {    margin: 0 0px 0 0;	float: right;	width: 200px;	background-image: url(http://i223.photobucket.com/albums/dd297/KYKK/Backgoundleftandright.jpg);}}#content {     margin: 0 0 0 0;	float: left;	width: 200px ;	background: #FF00000;}#footer {	clear: both;	background: #FF0000;}</style></head><body><div id="container">   <div id="header">  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-TW" lang="zh-TW"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Plane Background</title></head><body bgcolor="#ffffff"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="985" height="200" id="Plane Background" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="Plane Background.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="Plane Background.swf" quality="high" bgcolor="#ffffff" width="985" height="200" name="Plane Background" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></body></html>      </div>  <div id="middle">     <div id="left">       <p>Left Content :</p>      <p>Left Content :</p>      <p>Left Content :</p>      <p>Left Content :</p>	  <p>Left Content :</p>      <p>Left Content :</p>	  <p>Left Content :</p>      <p>Left Content :</p>	  <p>Left Content :</p>      <p>Left Content :</p>	  <p>Left Content :</p>      <p>Left Content :</p>      <p>Left Content<div></div>	 	  	  	  	  	   :</p>    </div>    <div id="right">       <p>Right Content :</p>      <p>Right Content :</p>      <p>Right Content :</p>    </div>    <div id="centre">       <center>Center Center1 Center2 Center3 </center>    </div>    <div class="clearer"></div>  </div>  <div id="footer">  FOOTER FOOTER  </div></div></body></html>

and my qusetion is that when i make my IE window smaller the center go under the left nad right bars like the %% in HTML tables ... understand my question ???

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...