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
HTML CodeCode: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------------------------------------------------------*/
----------------CODE END-----------------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-->
thanks all



Reply With Quote

Bookmarks