Hello.

 

I'm new to css frameworks and I have troubles to understand how I can place my colums next to each other in websites.

 

My code:

 

<div class="row">

<div class="push_eight six columns">
placeholder 1
</div>

<div class="push_two six columns"> 
placeholder 2
</div>

</div>

How to get placeholder 2 next to the left side of placeholder 1?

Hi Kolix,

 

Your columns class will probably need a float:left; added to it's CSS:

 

.columns { float:left; }

Here is some information about CSS Floats: http://www.w3schools.com/cssref/pr_class_float.asp

I attach a screenshot to explain it better:

http://puu.sh/3o1G2/db49cd8fe0.png

 

I want to have placeholder 2 on the same height as placeholder 1. Placeholder 1 is a stat monitor which needs some height and width. And next to it (on the left side, where placeholder 2 is) I want some other placeholders too, like placeholder 2 up to placeholder 5.

Edited June 25, 201313 yr by Kolix

It's the push_eight and push_two that seem to be causing it. Can you just do this:

 

<div class="row">

<div class="six columns">
placeholder 1
</div>

<div class="six columns"> 
placeholder 2
</div>

</div>

Does someone have an idea how I can make sure that the content is viewable without scrollbars?

Post your code as I'm not sure what your trying to do?

<div class="row">

<div id="div1" class="five columns">
	<iframe src="http://teamspeak3/ts3/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=ffffff&fontcolor=000000">No iFrame support.</iframe>
</div>

<div id="div2" class="five columns"> 
	placeholder 2
</div>

</div>

The problem is that it's too big to fit into the column and so browsers add a scrollbar. I want to make sure that my iframe is displayed without scrollbars, fitting into the column.

Edited June 25, 201313 yr by Kolix

Sorry don't deal with iframes pita

 

maybe his will work http://www.daveoncode.com/2009/06/12/adapting-iframe-height-to-its-content-with-2-lines-of-javascript/

Edited June 25, 201313 yr by mteam

What is a good alternative to iframes? Should I use the PHP function include()?

Edited June 26, 201313 yr by Kolix

CSS, with a margin-left, then float your next column to it.