Help with CSS position boxes.

[Niixie]

Hey peeps, i got a problem with some css position.

 

Check the attached picture to understand.

 

-------------------------------------------------

 

On the picture you can see 4 boxes. The two in the top is positioned right, but the two lower ones isn't.

I'd like the boxes to come like this

________     _______
|      |    |       |
|      |    |       |
|______|    |_______|

________     _______
|      |    |       |
|      |    |       |
|______|    |_______|

 

Insted of this

 

________    _______
|      |    |       |
|      |    |       |
|______|    |_______|
            _______
           |       |
           |       |
           |_______|
            _______
           |       |
           |       |
           |_______|

 

If you understand?

 

My CSS for the coloums is

 

#coloums {
width: 70%;
margin-left: 15%;
margin-right: 15%;
margin-top: 5%;
margin-bottom: 50px;
padding-bottom: 50px;
}

#col1 {
float:left;
margin-left: 6%;
max-width: 350px; /* OLD 200 */
min-width: 350px; /* OLD 200 */
border: 1px solid grey;
background-color: #5b5b5b;
}

#col2 {
float:right;
margin-right: 6%;
max-width: 350px; /* OLD 200 */
min-width: 350px; /* OLD 200 */
border: 1px solid grey;
background-color: #5b5b5b;
}

 

And my code looks like this for all four boxes

 

<div id="coloums">
				<!-- COL 1 BEGINS -->
				<div id="col1" class="shadowbox">
					<h1>Daniel</h1>
					<img class="biografi-billede" src="images/biografi/daniel-profil.jpg" height="125" width="150">
					<p>Daniel har spillet trommer siden han var helt lille. Han har fået meget
				   privatundervisning og udøvet musik i mange forskellige bandsammenhænge.<br />
				   Gik på MGK (Musikalsk Grundkursus) på Sankt Annæ Gymnasium og senere hen
				   på RMC(Det Rymtiske Musikkonservatorium) i København. Har sideløbende
				   arbejdet flere år som musiklærer i fritidsklubben Hjørnet, Brønshøj.
				   Daniel har en bred tilgang til musik med sin erfaring som trommeslager,
				   pianist og komponist. I dag bruger han bl.a. tid på at arrangere musikken
				   i bandet What The Pop og slå søm i rytmen, når hofterne skal sveje på
				   dansegulvet.</p>
				</div>
				<div id="col2" class="shadowbox">
					<h1>Joon</h1>
					<img class="biografi-billede" src="images/biografi/joon-profil.jpg" height="150" width="150">
					<p>Joon kastede sig over guitaren som 11-årig og har siden da spillet vidt
			       omkring i diverse bands. Han har berørt mange genre men er særligt habil i
				   funk og pop. Derudover har han også sunget i Københavns drengekor på Sankt
				   Annæ Gymnasium. Sideløbende med studierne på læreseminariet finder han
				   adrenalinen i bandet What The Pop. Her bidrager han med sin energiske
				   vocal og sine smagfulde guitarsoloer.</p>
				</div>

				<!-- COL 1 ENDS -->
				<!-- COL 2 BEGINS -->

				<div id="col1" class="shadowbox">
					<h1>Daniel</h1>
					<img class="biografi-billede" src="images/biografi/daniel-profil.jpg" height="125" width="150">
					<p>Daniel har spillet trommer siden han var helt lille. Han har fået meget
				   privatundervisning og udøvet musik i mange forskellige bandsammenhænge.
				   Gik på MGK (Musikalsk Grundkursus) på Sankt Annæ Gymnasium og senere hen
				   på RMC(Det Rymtiske Musikkonservatorium) i København. Har sideløbende
				   arbejdet flere år som musiklærer i fritidsklubben Hjørnet, Brønshøj.
				   Daniel har en bred tilgang til musik med sin erfaring som trommeslager,
				   pianist og komponist. I dag bruger han bl.a. tid på at arrangere musikken
				   i bandet What The Pop og slå søm i rytmen, når hofterne skal sveje på
				   dansegulvet.</p>
				</div>
				<div id="col2" class="shadowbox">
					<h1>Joon</h1>
					<img class="biografi-billede" src="images/biografi/joon-profil.jpg" height="150" width="150">
					<p>Joon kastede sig over guitaren som 11-årig og har siden da spillet vidt
			       omkring i diverse bands. Han har berørt mange genre men er særligt habil i
				   funk og pop. Derudover har han også sunget i Københavns drengekor på Sankt
				   Annæ Gymnasium. Sideløbende med studierne på læreseminariet finder han
				   adrenalinen i bandet What The Pop. Her bidrager han med sin energiske
				   vocal og sine smagfulde guitarsoloer.</p>
				</div>
				<!-- COL 2 ENDS -->
			</div>

 

[attachment deleted by admin]

[stevengreen22]

Svensk? Jag kan inte hjalper men.....halllllllllllloooooooooooooooooooo

[analog]

Adding clear:both; to the .col1 class should stop it from trying to fit below the last one.

 

#col1 {
clear:both;
float:left;
margin-left: 6%;
max-width: 350px; /* OLD 200 */
min-width: 350px; /* OLD 200 */
border: 1px solid grey;
background-color: #5b5b5b;
}

 

 

Svensk? Jag kan inte hjalper men.....halllllllllllloooooooooooooooooooo

Swedish! Jeg snakker ikke Svensk.