aranjare div-uri

#1
alin19

Posted 21 January 2011 - 23:52

Active Member

Grup: Members
Posts: 1,338
Înscris: 03.01.2007

am 3 div-uri

left_div

#left_div {
	text-align: center;
	width: 200px;
	float: left;
	background: red;
}

center_div

#center_div {
	
	overflow: hidden;
	background: green;
	margin-right: 202px;
	margin-left: 202px;
}

right_div

#right_div {
	text-align: center;
	width: 200px;
	float: right;
	background: red;
	height: 200px;
}

dar nu reusesc sa fac div-ul right_div sa stea pe aceiasi linie.

Attached Files

Screenshot.png 195.02K 24 downloads

Back to top

#2
danutz0501

Posted 22 January 2011 - 12:25

Member

Grup: Members
Posts: 437
Înscris: 22.04.2008

Daca vrei sa faci cu floturi pune div-urile in ordinea urmatoare: left_div,right_div si deabia pe urma urmeaza center div.In ordinea asta o sa vina div-urile din stanga si dreapta cu floturi si cel din centru o sa fie inghesuit intre ele.

Edited by danutz0501, 22 January 2011 - 12:26.

Back to top

#3
alin19

Posted 22 January 2011 - 15:48

Active Member

Grup: Members
Posts: 1,338
Înscris: 03.01.2007

danutz0501, on 22nd January 2011, 12:25, said:

Daca vrei sa faci cu floturi pune div-urile in ordinea urmatoare: left_div,right_div si deabia pe urma urmeaza center div.In ordinea asta o sa vina div-urile din stanga si dreapta cu floturi si cel din centru o sa fie inghesuit intre ele.

daca le pun pe toate cu float, trebuie sa setez dimensiunile la toate, dar eu vreau partea din centru s fie dinamica

Back to top

#4
danutz0501

Posted 22 January 2011 - 16:20

Member

Grup: Members
Posts: 437
Înscris: 22.04.2008

N-am zis sa pui floturi la toate div-urile.Ti-am zis doar sa inversezi ordinea.Intai cele 2 div-uri cu float si dp ele div-ul din centru fara float.Adica ceva de genu:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<style type="text/css">
#stanga{
	text-align: center;
	width: 200px;
	float: left;
	background: red;
}
#centru{
	overflow: hidden;
	background: green;
	margin-right: 202px;
	margin-left: 202px;
}
#dreapta{
	text-align: center;
	width: 200px;
	float: right;
	background: red;
	height: 200px;
}
</style>
<body>
<div id="tot">
	<div id="stanga">dfgdgdfgdfgfd</div>
	
	<div id="dreapta">gdgdfgdfgdfgdfgdfg</div>
	<div id="centru">gdfgdfgdfg</div>
</div>
</body>
</html>

Stanga si dreapta au float si o sa fie asezate la stanga si dreapta divului care il folosesti ca wrapper.Div-ul din centru pentru ca nu are float o sa ocupe tot spatiu ramas dupa div-ul #left_div (la tine).De aia ti-am zis prima oara in mark-up pui div-urile cu float si deabia dupa pui div-ul fara float.Uite exemplu sus.Partea din centru ramane dinamica.

Back to top

#5
alin19

Posted 22 January 2011 - 17:00

Active Member

Grup: Members
Posts: 1,338
Înscris: 03.01.2007

danutz0501, on 22nd January 2011, 16:20, said:

N-am zis sa pui floturi la toate div-urile.Ti-am zis doar sa inversezi ordinea.Intai cele 2 div-uri cu float si dp ele div-ul din centru fara float.Adica ceva de genu:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<style type="text/css">
#stanga{
	text-align: center;
	width: 200px;
	float: left;
	background: red;
}
#centru{
	overflow: hidden;
	background: green;
	margin-right: 202px;
	margin-left: 202px;
}
#dreapta{
	text-align: center;
	width: 200px;
	float: right;
	background: red;
	height: 200px;
}
</style>
<body>
<div id="tot">
	<div id="stanga">dfgdgdfgdfgfd</div>
	
	<div id="dreapta">gdgdfgdfgdfgdfgdfg</div>
	<div id="centru">gdfgdfgdfg</div>
</div>
</body>
</html>

Stanga si dreapta au float si o sa fie asezate la stanga si dreapta divului care il folosesti ca wrapper.Div-ul din centru pentru ca nu are float o sa ocupe tot spatiu ramas dupa div-ul #left_div (la tine).De aia ti-am zis prima oara in mark-up pui div-urile cu float si deabia dupa pui div-ul fara float.Uite exemplu sus.Partea din centru ramane dinamica.

asa este, ai dreptate

merge asa, eu intelesesem alceva.

Merci

Back to top

Anunturi

Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

aranjare div-uri

#1 alin19 Posted 21 January 2011 - 23:52

Attached Files

#2 danutz0501 Posted 22 January 2011 - 12:25

#3 alin19 Posted 22 January 2011 - 15:48

#4 danutz0501 Posted 22 January 2011 - 16:20

#5 alin19 Posted 22 January 2011 - 17:00

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
alin19

Posted 21 January 2011 - 23:52

#2
danutz0501

Posted 22 January 2011 - 12:25

#3
alin19

Posted 22 January 2011 - 15:48

#4
danutz0501

Posted 22 January 2011 - 16:20

#5
alin19

Posted 22 January 2011 - 17:00