Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Div obok Diva
mlody69
post
Post #1





Grupa: Zarejestrowani
Postów: 183
Pomógł: 0
Dołączył: 18.05.2009

Ostrzeżenie: (0%)
-----


Witam,
mam nastepujace divy ze stylami:
<body>
  1. height: 100%;
  2. margin: 0;
  3. padding: 0;
  4. width: 100%;

<box>
  1. background: #0E0E0E;
  2. width: 900px;
  3. height: auto;
  4. margin: 0 auto;
  5. margin-top: 60px;
  6. margin-bottom: 50px;
  7. border-radius: 14px;
  8. padding-bottom: 20px;

<footer>
  1. background: #0E0E0E;
  2. margin-top: 80px;
  3. padding: 20px;
  4. text-align: center;
  5. font-size: 12px;
  6. color: white;

Chciałbym zrobić tak, zeby na wysokości diva box z jego prawej strony (rowno od gory) byl kolejny div ktory w miare scrollowania w dol rowniez sie przesuwal. Probowalem rozwiazan ze stackoverlflow takie jak tu http://stackoverflow.com/questions/6282403...ext-to-an-image ale niestety nic nie dziala lub rozwala strone.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Tomplus
post
Post #2





Grupa: Zarejestrowani
Postów: 1 884
Pomógł: 231
Dołączył: 20.03.2005
Skąd: Będzin

Ostrzeżenie: (0%)
-----


Nie wiem czy dobrze cię zrozumiałem, ale tag <body> powienien być unikatowy na stronie, chyba że chodzi ci o klasę .body dla tagu DIV

jeżeli chcesz mieć element obok, to należy użyć stylu: float:left/right; lub przesunąć na sztywno własnościami top, left, right lub margin

Jeżeli chcesz aby element poruszał się razem ze scrool używasz własności position z wartością fixed czyli position: fixed.


Zrób sobie testowo czy boxy DIV:

Kod
<div>
  <span>TEST 1</span>
</div>
<div>
  <span>TEST 2</span>
</div>
<div>
  <span>TEST 3</span>
</div>
<div class='fix'>
  <span>fixed</span>
</div>


i
style
Kod
div {
  text-align:center;
  background-color: #eee;
  margin: 5px;
  float: left;
  padding:50%;
}
span {
  display: inline-block;
    margin-top:43%;
}
.fix{

width: 100px;
  height:100px;
position:fixed;
  padding: 0;
  background-color: #aaa;
  margin: 50px;
}


np. tutaj: http://cssdeck.com/labs

Ten post edytował Tomplus 17.09.2015, 09:15:17
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 4.10.2025 - 05:14