Dynadot โ€” .com Registration $8.99

Help me please with some css divs

Spaceship Spaceship
Watch
Impact
9
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
.US domains.US domains
where?
 
0
•••
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.
 
0
•••
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>
 
Last edited:
0
•••
Dynadot โ€” .com Registration $8.99Dynadot โ€” .com Registration $8.99
Appraise.net
Domain Recover
DomainEasy โ€” Payment Flexibility
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back