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
-
Eroare citire pagina cu file_get_contents
PHP - MySQL - XML
Primul mesaj
Buna ziua,
Vreau sa preiau informatiile din aceasta adresa si sa o afisez intr-o alta pagina php
URL: //79.114.46.127:5819/
Scriptul pe care...
Ultimul mesaj
Imi pare rau, mai mult nu stiu cum sa te ajut, posibil sa fie ceva cu SSL, dar nu cunosc.
Am testat scripturile; codul cu cURL e bun, a mers bine...
-
load time - idle mare - pagina principala
Discutii si Intrebari Diverse
Primul mesaj
Salut,
cu inspect-ul din Chrome si apoi tab-ul Performance se pot vedea timpii de incarcare ai unei pagini web.
Am cate o pagina principala pe...
Ultimul mesaj
Iata ce am gasit pe internet:
This is idle time, the time when the browser is waiting on the CPU or GPU to do some processing.
I can't find any...
-
Deschidere camera chat fara refresh pagina
PHP - MySQL - XML
Primul mesaj
Am tot cautat pe net un script js ca atunci cand vreau sa dau click pe o camera de chat sa o incarce in pagina respectiva fara sa am refresh la...
Ultimul mesaj
Salut,
Depinde cum ai chatul construuit. Daca ai camera de chat afisata intr-un iframe, faci ca la clic pe butonul pentru camera sa se schimbe...
-
Arata profil pe prima pagina dupa delogare
Discutii si Intrebari Diverse
Primul mesaj
Salut,facebook are asa ceva implementat
faceprofil.png
Stii cumva unde pot gasi un script php la fel?adica dupa ce ma deloghez de pe site sa...
Ultimul mesaj
Salut,
Nu cunosc un astfel de script. Trebuie facut special pe scriptul de logare care-l ai, cu retinerea in baza de date sau cookie a ultimului...
-
Cerere: Schimbare limba site fara reload la pagina
Cereri si Oferte
Primul mesaj
Salut,am in site implementat un script de schimbarea limbii in care eu am adaugat in scriptul meu original urmatoarea functie
<?php echo...
Ultimul mesaj
Vezi tutorialele din cursul Ajax de pe site.
Alt demo nu am.
Oricum, nu pare ceva dificil pentru cine a mai lucrat cu ajax; se face un cod...
-
Problema curs de Engleza
Sesizari Erori si Greseli
Primul mesaj
Buna.
Am descarcat cursul curs_eurocor-engleza_incepatori_1-16.rar si cand vreau sa-l dezarhivez imi da eroarea asta:
An error occures whilw...
Ultimul mesaj
Buna,
Poti sa descarci cursul de engleza, nivel intermediar, de la urmatoarele linkuri:
- Lectiile 1-16...