table-less layout problem

**fdi** · 02-08-2008, 06:36 PM

Hello all

I write the below code to make table-less layout, Header & Footer work well, but I have problem within the body (3 columns).

where is the problem??
I need your help

----------------CODE-----------------
CSS Code

Code:

body{
	background:url(images/bg.jpg) repeat-x 0 0 #000000; color: #545454; margin:0; padding:0;
	}
div, p, h1, h2, h3, h4, img, form, ul, a{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both; line-height:0; font-size:0;
	}
/*--------------------header----------*/
#header{
	width:700px; height:300px; position:relative; margin:0 auto;
	padding:0;
	}

/*--------------------END header------------------------------------------------------*/

/*---------------------------Body-------------*/
#body{
width:720px; 
margin:0 auto;
background-color:#000;
}
#marq{
    float:left;
	width:173px;
	background-color:#C1A882;
	font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color:#6B0002;
	margin:0; 
	padding:13px 0 30px 11px; 
	text-align:center;
}
#marq a {
	font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color:#6B0002; 
}
#LeftCol {
    float:left;
    width:365px;
	font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color:#6B0002; 
	background-color:#A1595C;
	margin:0; 
	padding:15px 0 0 0;
}
#RightCol {
    
	float:left;
	width:365px;
	font:bold 13px/16px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color:#6B0002; 
	background-color:#A1595C;
	margin:0; 
}
/*--------------------END Body------------------------------------------------------*/

HTML Code

Code:

<body onload=" marqSpeed();">
	<!--header start -->
<div id="header" align="center">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="300">
      <param name="movie" value="swf/header.swf" />
      <param name="quality" value="high" />
      <embed src="swf/header.swf" width="700" height="300" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
    </object>
</div>
	<!--header end -->
     <!--Body -->
	 <div id="body" >
	 <!--Left Column (Poems Sections)-->
      <div id="LeftCol">
	    <br />
	   <br /><br /><br /><br />
	  </div>
	 <!--Left Column (Poems Sections) END-->
	 
	 <!--Middle Column (NEWS)-->
	 <div id="marq" >
	 
	   <marquee direction="up" id="marq1">
	        <a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>
            <br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>  
			<br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a> 
			<br /><br /><a href="#" onmouseover="Stop();" onmouseout="Start();">اخر الاخبار</a>      
	   </marquee>
	    <br class="spacer" />
	   </div>
	  
	   <!--Middle Columns (NEWS) END-->
	   <!--Right Column (about Nawras)-->
	   <div id="RightCol">
	   <br />
	   <br /><br /><br /><br />
	   </div>
       <!--Right Column (about Nawras END-->
	   <br class="spacer" />
	   </div>
	 
     <!--Body END-->
				<!--footer main start-->

----------------CODE END-----------------

thanks all

**fdi** · 02-08-2008, 07:12 PM

this is the problem:

Thread: table-less layout problem

Thread Tools

Search Thread

table-less layout problem

Bookmarks

Bookmarks

Posting Permissions