8 replies to this topic

[B!ö$]

Bom eu quero que as colunas se alinhem uma abaixo da outra... de 2 em 2...
mais saiu assim:


## CSS ##

#col-m {
	float:left;
	width:200px;
}
#col-m2 {
	float:right;
	width:200px;
}

## HTML ##

<div id="col-m">
					<h1>Teste</h1>
						<p>testesteste
						  <br />
					teste<br />
				  teste
					<br />
			  </div>
				<div id="col-m2">
					<h1>Teste</h1>
					testesteste
				</div><br />
				<div id="col-m">
					<h1>Teste</h1>
						
					testesteste
						<br />
					teste<br />
					teste
				</div>
				<div id="col-m2">
					<h1>Teste</h1>
					testesteste
				</div>

Edição feita por: B!ö$, 04/12/2006, 18:39.

[Nicholas Pufal]

Cara, testei aqui e pode ser feito assim:

CSS:

<style type="text/css">

#dir_topo  {
position:absolute;

top: 0px;
left:118px;

_top:15px;
_left: 120px;
  }



#dir_baixo{
position:absolute;

top:140px;
left:118px;

_top: 146px;
_left: 120px;
  }

</style>

HTML:

<div id="principal">
<h1>Teste</h1>
<p>testesteste
<br />
teste<br />
teste
<br />
</div>
<p>
<div id="principal">
<h1>Teste</h1>
testesteste
</div><br />


<div id="dir_topo">
<h1>Teste</h1>
testesteste
<br />
teste<br />
</div>
				

<div id="dir_baixo">
<h1>Teste</h1>
testesteste
</div>

Aquele underline (_) é unicamente pro IE. O IE desalinha tudo, então as medidas a princípio tem que ser diferentes. Digo "a princípio" pq comecei no CSS faz pouco tempo e vi que esse método do underline não é validado pelo W3C (http://jigsaw.w3.org/css-validator/).

Como não sei outra maneira e essa funciona, usei assim até então.

Provisoriamente é uma opção, mas também gostaria de saber de uma maneira válida de se fazer isso.

[B!ö$]

tipo deu certo msm....
mais eu vo fz +o- umas 5 colunas entende... 2 em 2...
__ __
__ __
__ __
__ __
__ __

Desde já agradeço!

[bimonti]

Easy easy ...

Primeiro de tudo, não pode existir na mesma página mais de um elemento com o mesmo ID, imagine vários brasileiros com o mesmo número de RG. Já sai muita merd* com números diferentes .... Então troque o ID por classes se pretende usar o mesmo estilo em mais de um elemento.

E em CSS existe uma propriedade chamada 'clear', que vem a calhar nesta ocasião. Estou sem tempo de procurar por uma referência boa no momento para postar um link, mas uma boa busca no google resolve, fica o código que eu fiz:

<style>
.col-m {float:left;width:200px;clear:left;border:1px solid #000;}
.col-m2 {float:right;width:200px;clear:right;border:1px solid #000;}
</style>

<div class="col-m">
	<h1>Teste1</h1>
</div>

<div class="col-m2">
	<h1>Teste2</h1>
</div>

<div class="col-m">
	<h1>Teste3</h1>
</div>

<div class="col-m2">
	<h1>Teste4</h1>
</div>

PS.: Coloquei bordas para mostrar o limite do elemento, redimensione a janela do navegador e veja como os elementos mudam de posição quando não se encaixam perfeitamente.

[RonsisM]

Levitra Original Achat buy cialis Generisches Viagra Kaufen
Amoxicillin 875 Mg Liquid
Cialis Generique Site Serieux <a href=http://cialtobuy.com>cialis buy online</a> Cialis Grande Pharmacie Lyonnaise
Cialis Soft Review buy cialis Low Cost Viagra 100mg Brand 5 Bucks
Cheap Tamoxifen Online
Priligy Cuanto Vale <a href=http://cialtobuy.com>cialis</a> Levitra Jugement
isotretinoin 20mg internet low price cheap cialis Finasteride Risultati Propecia
Antibiotics By Mail
Cialis Viagra Levitra Differenze <a href=http://cialtobuy.com>cialis</a> Zithromax Ok With Alcohol
On Line Bentyl Ibs Can I Purchase cialis Acheter Cialis Original Ligne
Medicament Cytotec Sans Ordonnance Best Buy On Cialus Sildenafil Purchase Online
Kamagra 100 <a href=http://cialtobuy.com>cialis buy online</a> Price For A 100 Mg Viagra

[RonsisM]

Symptoms Of Amoxicillin Overdose Kamagra Pharmacy viagra Secure Progesterone Ups Price On Line

[RonsisM]

Indian Viagra Online Cephalexin Bacterial Vaginosis buy levitra Prozac Macrobid Next Day On Line Shop Cialis Im Flugzeug
Cialis Professional Vs. Super Active Cialis 20 Mg Originale Generic Progesterone Without Dr Approval cheapest levitra 20mg Cialis Afecta El Corazon Vente Cialis Levitra Buy Generic Cialis 20 Mg
Tabletas Propecia Generico Cialis 40 Mg Cost brand levitra canada Viagra 20 Mg For Purchase Without Rx
Wholesale Prices Viagra Usa No Subscription Pharmacy Levitra Prezzi Farmacia viagra Cialis Soft Generique Kamagra Oral Jelly New Zealand Cialis Sans Ordonnance Belgique

[RonsisM]

Cialis Rezept Falschen Propecia Princesa viagra Acquisto Levitra Orosolubile
Topical Propecia Problems No Prescription 3 Mg Estradiol Pills Ed Supplements At Walmart viagra Pleasure Cheap Viagra Viagra E Sclerosi Multipla Buy Prednisone
When Will Alli Be Back For Sale Force Worked For Me Propecia Finasteride levitra sold over the counter Order Celexa No Prescription Cialis Achat En Suisse

[RonsisM]

Buy Effexor Xr Buy Amoxicillin Online Cheap cialis buy online Precio Cialis 10 Mg Farmacia
Propecia In Women Hair Growth Todo Sobre Viagra Routine Doses Of Amoxicillin viagra Prezzo Kamagra In Belgio