Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML][CSS]Div przylegajacy do innego
Forum PHP.pl > Forum > Przedszkole
set4812
Moja cała strona w tej chwili znajduje sie w div który ma 970px szerokości i margin 0 ;
Na samej górze strony jest ustawiony banner. Po lewej stronie banner a po prawej linki. Po kliknięciu w link. Zmieniam jQuery display:none na block. Chce zeby ten div co sie pojawi ma przylegac do strony i znajdowac sie na samej gorze .Może jakies porady jak to zrobić?
SaMi
Div do którego ma przylegać ten pojawiający się po klincięciu ustaw na float: left;
set4812
float left ustawi mi div na samą lewą krawędz strony przed div srodkujacym, próbowałem na right odwrotny efekt sad.gif Moze jakas sugestia?

Dam przykład bo pewnie mało wytłumaczyłem
  1. #srodek
  2. {
  3. margin:0;
  4. width:970px;
  5. }
  6. #top
  7. {
  8. background-image:url("top.jpg");
  9. overflow:auto;
  10. width:970px;
  11. height:120px;
  12. margin-bottom: 10px;
  13. }
  14. <div id=srodek>
  15. <div id=top>
  16. Jakas tresc w tym link na brzegu top
  17. </div>
  18. Inne divy
  19. </div>

I teraz po kliknieciu w link na top ma sie pokazac obok div ktory jest display:none ustawiony. I ten div ma przylegac do srodek.
lobopol
Ustaw mu pozycję absolutną i pozycjonuj.
set4812
Na abosolute zawsze jest z lewej strony nie wazne jaki float dam
lobopol
Bo absolute ustawiasz konkretną pozycję, poczytaj sobie o tym float działa dla elementów które nie są ustawiane w ten sposób
b4rt3kk
Cytat(set4812 @ 24.06.2013, 18:36:02 ) *
Na abosolute zawsze jest z lewej strony nie wazne jaki float dam


Pobaw się z takimi właściwościami jak:

  1. top: 100px;
  2. bottom: 100px;
  3. left: 100px;
  4. right: 100px;


Oczywiście nie możesz użyć dwóch przeciwstawnych sobie pozycji (naraz tylko dwie, np. top, left). Zmieniaj odległości w px od danej krawędzi.
set4812
To mi nic nie da bo jak zmienisz rozdziałke to bedzie sie rochodzic od 2 czesci strony
Kod strony i css i javascript
http://jsfiddle.net/PPHNK/
lobopol
Dałeś absolutnie nieczytelny kod strony co chcesz osiągnąć opisz to dokładnie, a najlepiej poprzyj jakimś prostym rysunkiem
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.