Problema Aliniere Div-uri in pagina

Coduri intrebari, probleme legate de HTML, XHTML si CSS
andras
Mesaje:430

Problema Aliniere Div-uri in pagina

Salut,
Am de aliniat mai multe <div>-uri intr-o pagina. Vreau ca div-ul 2 sa fie aliniat in functie de div 1, div 3 in functie de div 2, div 4 in functie de div 3 (sau div 2) s.a.m.d. Am reusit partial, dar cind schimb zoom-ul browserului (Ctrl + sau Ctrl -) se modifica pozitia relativa una fata de alta.
Cum rezolv asta? Cum e mai bine sa lucrez cu dimensionarea div-urilor: in valori absolute (pixeli), in procente sau in em?
Am urmatoarele div-uri (simplificat):
html:

Cod: Selectaţi tot

<!DOCTYPE html>
<head></head>
<body>
<div><?php include('index.php');?></div>
<div id="board"></div>
<div id="grupset"><input type="button" id="startBtn" value="Start" />
<input type="button" id="clearBtn" value="Clear" />
</div>
</body>
</html>
css:

Cod: Selectaţi tot

<style>
#board{
	position: absolute;   /* este aliniat in raport cu primul div*/
	left: 300px;
	top: 15%;
	width: 30%;
}
#grupset{
	position: absolute; /*vreau sa fie  aliniat in raport cu div id="board*/
	left: 400px;
	top: 85%;
	width: 5%;
	display: inline;
   
}
</style>
Nu pot alinia <div id="grupset"> sa fie sub <div id="board"> si sa-si pastreze pozitia relativa indiferent de rezolutia ecranului.
Multumesc.
MarPlo Mesaje:4343
Salut
Daca vrei Div-urile unul langa altul, aplica la fiecare in css: display: inline-block; sau float: left;
Daca vrei Div-urile unul sub altul, aplica in css: position: relative;
- Ca sa se ajusteze dupa dimensiunea ferestrei, se folosesc valori in procente.
andras Mesaje:430
Am reusit sa pozitionez si sa dimensionez corect div-urile lucrind numai in procente. Multumesc.

Subiecte similare