Ajutor pozitionare div-uri
Last Updated: Sep 22 2013 17:09, Started by
ThePuiu
, Sep 22 2013 12:18
·
0
#1
Posted 22 September 2013 - 12:18
Vreau sa fac o pozitionare a div-urilor ca in desenul atasat. Daca se poate, as vrea sa nu se foloseasca javascript ci doar CSS, daca nu se poate...e bine si cu JS!
Toate cele 3 div-uri vor fi inserate intr-un jQuery tab care va avea dimensiuni diferite in functie de dimensiunea monitorului. Vreau ca in div central sa inserez un panel cu scrollbar vertical pe intreaga inaltime a acestuia deci variant in care bag div de jos in interiorul div central presupune JS pt determinarea pozitiei panelului (as vrea sa evit). Sper ca am oferit toate informatiile necesare pt a putea primi o mina de ajutor! Multumesc! Attached Files |
#3
Posted 22 September 2013 - 15:46
probabil nu m-am exprimat sufficient de clar in ceea ce vreau...div-ul din mijloc (cel cu albastru in desenul meu) nu are o dimensiune fixa si nici cunoscuta pentru ca difera in functie de rezolutia monitorului. Doar div-ul de sus si cel de jos au o dimensiune cunoscuta si fixa, desemenea pozitia lor este fixa.
|
#4
Posted 22 September 2013 - 16:32
html
<html> <head> <title>3 div vertical</title> </head> <body> <div id="central"> <div id="sus"><p> div sus</p></div> <div id="mijloc"><p>div mijloc</p></div> <div id="jos"><p>div jos</p></div> </div> </body> </html>css #central {display:block; border:2px solid black; width:800px; height:300px;} #sus {resize:width; border:2px solid red; margin: 2px; width:99%; height:23%;} #mijloc {resize:both; overflow:auto; border:2px solid blue; margin: 0 2px; width:99%; height:52%;} #jos {resize:width; border:2px solid green; margin:2px; 99%; height:18.5%;} http://jsfiddle.net/kwWjE/ http://jsfiddle.net/PKmuR/ Edited by poadol, 22 September 2013 - 16:59. |
#6
Posted 22 September 2013 - 17:06
exceptand mesajul de eroare: Warning 2 Validation (CSS 3.0): "width" is not a valid value for the "resize" property. face ce vreau eu. Intre timp neavand ce face am rezolvat problema cu javascript.
multumesc pt implicare. |
#7
Posted 22 September 2013 - 17:09
ThePuiu, on 22 septembrie 2013 - 17:06, said: Intre timp neavand ce face am rezolvat problema cu javascript. multumesc pentru implicare. Excelent pune si rezolvarea cu Javascript poate este de folos altora. Bine. Cu placere. Edited by poadol, 22 September 2013 - 17:13. |
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users