Help me please with some css divs

asgsoft · Dec 19, 2006

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 · Dec 19, 2006

where?

Gaz · Dec 20, 2006

Code:

<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 · Dec 20, 2006

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:

HTML:

<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>

Help me please with some css divs

VIP Member

Established Member

Established Member

VIP Member

zahcomputers.com

Circulum.com

X.video

Maple.co

streamearn.com

Velori.com

vaporider.com

Developmental.com

Flush.co

Ubber.com

Similar threads

We're social

zahcomputers.com

Circulum.com

X.video

Maple.co

streamearn.com

Velori.com

vaporider.com

Developmental.com

Flush.co

Ubber.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling