Problema Aliniere Div-uri in pagina
Scris: Dum Oct 11, 2015
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:
css:
Nu pot alinia <div id="grupset"> sa fie sub <div id="board"> si sa-si pastreze pozitia relativa indiferent de rezolutia ecranului.
Multumesc.
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>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>Multumesc.