Help me please with some css divs

[asgsoft]

Hello

Please have a look at this template: http://www.solucija.com/templates/demo/Internet_Market/

you can download it here: http://www.solucija.com/templates/download/Internet_Market.zip

(It's all legal check http://www.solucija.com/home/css-templates/)

How can I make it 4 boxes accross the middle section one next to the other?

Thanks

 

[missemmawatson]

where?

 

[Gaz]

<div id="content" style="width: 800px;">
<div id="leftcol" style="width: 100px; padding: 0; margin: 0; float: left;">
content goes here
</div>
<div id="maincol" style="width: 400px; padding: 0; margin: 0; float: left;">
Content goes here
</div>
<div id="seccol" style="width: 200px; padding: 0; margin: 0; float: left;">
secondary content goes here
</div>
<div id="rightcol" style="width: 100px; padding: 0; margin: 0; float: left;">
content goes here
</div>
</div>

That above code will work, the total width of the 4 columns can't excided the width of the content div. if it does, the #rightcol will be pushed down.

 

[asgsoft]

if you download the above template, how can i get 4 boxes next to each other?

here is the css file I am using:

http://www.solucija.com/templates/demo/Internet_Market/images/style.css

and here is the code i have:

<body>
	<div class="content">
		
		
  <div class="header"></div>
		<div class="header_top"></div>
		
		<div class="left">
<div class="left_side">
				<div class="box_top"><h2>Box 1</h2></div>	
				<div class="box"><p>Box cont</p></div>
				<div class="box_bottom"></div>
      
	  <div class="box_top"><h2>Box 2</h2></div>	
      <div class="box"> Box cont</div>
	  <div class="box_bottom"></div>
</div>
			
<div class="right_side">
      <div class="box_top"><h2>Box 3</h2></div> 
      <div class="box"><p>Box cont<br /></p></div> 
	  <div class="box_bottom"></div>
      
  <div class="box_top"><h2>Box 4</h2></div> 
  <div class="box"><p>Box cont<br /></p></div> 
  <div class="box_bottom"></div>      
			</div>
		</div>
			
<div class="right">
 <div class="left_side">
 
		<div class="box_top"><h2>Box 5</h2></div>
        <div class="box"><p>Box cont</p></div>
		<div class="box_bottom"></div>		
      	
		<div class="box_top"><h2>Box 6</h2></div>		
        <div class="box"> Box cont</div>
	    <div class="box_bottom"></div>
 </div>
			
 <div class="right_side">
      <div class="box_top"><h2>Box 7</h2></div> 
      <div class="box"><p>Box cont<br /></p></div> 
	  <div class="box_bottom"></div>  
      
      <div class="box_top"><h2>Box 8</h2></div> 
      <div class="box"><p>Box cont<br /></p></div> 
      <div class="box_bottom"></div> 
  
 </div>

</div>
		
  <div class="header_bottom"></div>

</body>